<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <title>Etro - The Multipurpose eCommerce HTML5 Template</title>
        <meta name="description" content="A best clean, modern, stylish, creative, responsive theme for different eCommerce business or industries.">
        <meta name="keywords" content="medical theme, vegetables, medicine store, eCommerce html template, responsive, multipurpose, mask, sanitizer, eCommerce store, health, tables, dental, healthcare, pharmacy, herbal, medicine shop">
        <meta name="author" content="spacingtech_webify">
        <!-- favicon -->
        <link rel="shortcut icon" type="image/favicon" href="image/home2/favicon.png">
        <!-- plugin css -->
        <link rel="stylesheet" type="text/css" href="css/plugin.css">
        <!-- collection css -->
        <link rel="stylesheet" type="text/css" href="css/collection2.css">
        <!-- feather -->
        <link rel="stylesheet" type="text/css" href="css/feather.css">
        <!-- blog css -->
        <link rel="stylesheet" type="text/css" href="css/blog.css">
        <!-- other-pages css -->
        <link rel="stylesheet" type="text/css" href= "css/other-pages.css">
        <!-- product-page css -->
        <link rel="stylesheet" type="text/css" href="css/product-page.css">
        <!-- style css -->
        <link rel="stylesheet" type="text/css" href="css/style2.css">
    </head>
    <body>
        <!-- screen-bg start -->
        <div class="screen-bg"></div>
        <!-- screen-bg end -->
        <!-- preloader start -->
       <div class="preloader"></div>
        <!-- newsletter-modal start -->
        <div class="newsletter-modal modal fade" id="newslettermodal" aria-modal="true" role="dialog">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-body">
                        <button type="button" class="news-close" data-bs-dismiss="modal"><i class="feather-x"></i></button>
                        <div class="newsletter-info">
                            <div class="newsletter-image">
                                <img src="image/home1/newsletter/popup.jpg" class="img-fluid" alt="popup">
                            </div>
                            <div class="newsletter-content">
                                <h2>15% off</h2>
                                <p>On your first purchase</p>
                                <div class="newsletter-form">
                                    <form method="post" class="news-form">
                                        <div class="news-wrap">
                                            <input type="email" name="q" placeholder="Enter your email" required>
                                            <button type="button" class="btn-style2">Subscribe</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- newsletter-modal end -->
        <!-- top notification start -->
        <div class="top-notification-bar">
            <div class="container-fluid">
                <div class="notify-text">
                    <ul class="grid-wrap">
                        <li class="grid-wrapper">
                            <p class="notification-free">Free delivery on orders over $100 discount</p>
                        </li>
                        <li class="grid-wrapper">
                            <!-- currency detils start -->
                            <div class="currency-wrap">
                                <div class="currency-wrapper">
                                    <div class="local-currency">
                                        <form method="post" action="javascript:void(0)" class="localization-form" enctype="multipart/form-data">
                                            <button class="currency-title">
                                                <span class="currency-iso-code">USD</span>
                                            </button>
                                            <button class="currency-title currency-title-lg">
                                                <span class="currency-iso-code">USD</span>
                                            </button>
                                            <ul class="acc-currency collapse" id="menu-currency-resp">
                                                <li class="active">
                                                    <a href="javascript:void(0)">
                                                        <span class="currency-iso-code">INR</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:void(0)">
                                                        <span class="currency-iso-code">USD</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:void(0)">
                                                        <span class="currency-iso-code">CAD</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:void(0)">
                                                        <span class="currency-iso-code">EUR</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:void(0)">
                                                        <span class="currency-iso-code">AED</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:void(0)">
                                                        <span class="currency-iso-code">GPB</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <!-- currency details end -->
                            <!-- language detils start -->
                            <div class="language-wrap">
                                <div class="language-wrapper">
                                    <div class="local-language">
                                        <form method="post" action="javascript:void(0)" class="localization-form" enctype="multipart/form-data">
                                            <button class="language-title">
                                                <span class="language-code">English</span>
                                            </button>
                                            <button class="language-title language-title-lg">
                                                <span class="language-code">English</span>
                                            </button>
                                            <ul class="acc-language collapse" id="menu-language-resp">
                                                <li class="active">
                                                    <a href="javascript:void(0)">
                                                        <span class="language-code">Hindi</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:void(0)">
                                                        <span class="language-code">English</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:void(0)">
                                                        <span class="language-code">العربية</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:void(0)">
                                                        <span class="language-code">Chinesh</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:void(0)">
                                                        <span class="language-code">Spanish</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:void(0)">
                                                        <span class="language-code">Dutch</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <!-- language details end -->
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- top notification end -->
        <!-- header-area start -->
        <header id="header" class="main-header stickyheader">
            <div class="header-area">
                <div class="container-fluid">
                    <div class="main-menu-area">
                        <div class="main-menu-wrap">
                            <!-- header-logo start -->
                            <div class="header-theme-logo">
                                <a href="index2.html" class="theme-logo">
                                    <img src="image/home2/logo.png" class="img-fluid" alt="logo">
                                </a>
                                <!-- contact start -->
                                <div class="call-line">
                                    <a href="">
                                      <div class="icon-block"><i class="feather-headphones"></i></div>
                                      <div class="contact-block">
                                        <span>+ 203 123 456 7890</span>
                                        <span>Available 24/7</span>
                                      </div>
                                    </a>
                                  </div>
                                <!-- contact end -->
                            </div>
                            <!-- header-logo end -->
                            <!-- search-wrapper start -->
                            <!-- header-search start -->
                            <div class="header-element header-search">
                                <div class="header-theme-search">
                                    <form method="get" action="/search" class="search-form">
                                        <div class="search-bar">
                                            <div class="form-search">
                                                <input type="search" name="search-input" class="search-input" value="" placeholder="Search for product..." required="">
                                                <button type="button" onclick="location.href='search.html'" class="search-btn" disabled=""><i class="feather-search"></i></button>
                                            </div>
                                            <div class="search-results">
                                                <p class="search-for">Search for <span class="search-text">a</span></p>
                                                <ul>
                                                    <li>
                                                        <a href="product-template.html">
                                                            <img src="image/home2/product/product-1.jpg" class="img-fluid" alt="p-1">
                                                            <span>Earbuds</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="product-template.html">
                                                            <img src="image/home2/product/product-6.jpg" class="img-fluid" alt="p-6">
                                                            <span>IPad mini6</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="product-template.html">
                                                            <img src="image/home2/product/product-8.jpg" class="img-fluid" alt="p-8">
                                                            <span>Nokia 1434</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="product-template.html">
                                                            <img src="image/home2/product/product-12.jpg" class="img-fluid" alt="p-10">
                                                            <span>Smartwatch</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="product-template.html">
                                                            <img src="image/home2/product/product-13.jpg" class="img-fluid" alt="p-13">
                                                            <span>Mouse</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="product-template.html">
                                                            <img src="image/home2/product/product-14.jpg" class="img-fluid" alt="p-12">
                                                            <span>Camera</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                                <p class="search-more"><a href="search.html">See all results (12)</a></p>
                                                <p class="search-fail">Search not found</p>
                                            </div>
                                            <a href="#" class="search-btn"><i class="feather-search"></i></a>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <!-- header-text end -->
                            <!-- search-wrapper end -->
                            <!-- header-icon start -->
                            <div class="header-icon-block">
                                <ul class="shop-element">
                                    <li class="side-wrap toggler-wrap">
                                        <div class="toggler-wrapper">
                                            <button type="button" class="toggler-btn"><span class="toggler-icon"><i class="feather-menu"></i></span></button>
                                        </div>
                                    </li>
                                    <li class="side-wrap search-wrap">
                                        <div class="search-wrapper">
                                            <a href="#searchmodal" data-bs-toggle="modal">
                                                <span class="search-icon"><i class="feather-search"></i></span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="side-wrap user-wrap">
                                        <div class="user-info">
                                            <a href="login-">
                                                <span class="user-icon"><i class="feather-user"></i></span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="side-wrap wishlist-wrap">
                                        <div class="wishlist-wrapper">
                                            <a href="wishlist-product-template.html">
                                                <span class="wishlist-icon-count">
                                                    <span class="wishlist-icon"><i class="feather-heart"></i></span>
                                                    <span class="wishlist-count">(5)</span>
                                                </span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="side-wrap cart-wrap">
                                        <div class="cart-wrapper">
                                            <a href="javascript:void(0)" class="js-cart-drawer">
                                                <span class="cart-icon-count">
                                                    <span class="cart-icon"><i class="feather-shopping-bag"></i></span>
                                                    <span class="cart-count cart-counter">(4)</span>
                                                </span>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <!-- header-icon end -->
                        </div>
                    </div>
                </div>
            </div>
            <div class="menu-main">
            <div class="container-fluid">
                <div class="menu-contact">
                    <div class="vegamenu-wrap">
                        <div class="side-wrap header-support">
                                <div class="vega-menu-area">
                                    <a href="#vega-collapse" class="browse-cat" data-bs-toggle="collapse" aria-expanded="false">
                                        <span class="menu-icon"><i class="feather-menu"></i></span>
                                        <span class="menu-title">All categories</span>
                                        <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                    </a>
                                    <a href="#vega-collapse" class="browse-cat browse-cat-lg" data-bs-toggle="collapse" aria-expanded="false">
                                        <span class="menu-icon"><i class="feather-menu"></i></span>
                                        <span class="menu-title">All categories</span>
                                        <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                    </a>
                                    <div class="vegawrap collapse" id="vega-collapse">
                                        <ul class="vega-menu">
                                            <li class="menu-link">
                                                <a href="collection.html" class="link-title">
                                                    <span class="menu-img-icon">
                                                        <img src="image/home2/menu/cate-menu1.png" class="img-fluid" alt="cate-menu1">
                                                    </span>
                                                    <span class="sp-link-title">Laptops</span>
                                                    <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                                </a>
                                                <div class="menu-dropdown product-menu collapse" id="vega-laptop">
                                                    <ul class="ul">
                                                        <li class="productlink-li">
                                                            <a href="collection.html" class="productlink-title">
                                                                <span class="sp-link-title">Collection page</span>
                                                            </a>
                                                            <ul class="productsupmenu-dropdown">
                                                                <li class="productsupmenu-li">
                                                                    <a href="collection-without.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Collection</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="collection.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Collection left</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="collection-right.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Collection right</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="collection-list-without.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Collection list</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="collection-list.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Collection list left</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="collection-list-right.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Collection list right</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li class="productlink-li">
                                                            <a href="collection.html" class="productlink-title">
                                                                <span class="sp-link-title">Product page</span>
                                                            </a>
                                                            <ul class="productsupmenu-dropdown">
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product layout</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template2.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product tab</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template3.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product advanc</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template4.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product advance</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template5.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product accordion</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template6.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product center</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template7.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product side</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li class="productlink-li shoplink-br">
                                                            <div class="shop-banner banner-hover">
                                                                <a href="" class="banner-img">
                                                                    <img src="image/home2/menu/vega-banner1.jpg" class="img-fluid" alt="vega-banner1">
                                                                </a>
                                                            </div>
                                                        </li>
                                                        <li class="productlink-li shoplink-br">
                                                            <div class="shop-banner banner-hover">
                                                                <a href="" class="banner-img">
                                                                    <img src="image/home2/menu/vega-banner2.jpg" class="img-fluid" alt="vega-banner2">
                                                                </a>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="menu-link">
                                                <a href="collection.html" class="link-title">
                                                    <span class="menu-img-icon">
                                                        <img src="image/home2/menu/cate-menu2.png" class="img-fluid" alt="cate-menu2">
                                                    </span>
                                                    <span class="sp-link-title">Portable speaker</span>
                                                </a>
                                            </li>
                                            <li class="menu-link">
                                                <a href="collection.html" class="link-title">
                                                    <span class="menu-img-icon">
                                                        <img src="image/home2/menu/cate-menu3.png" class="img-fluid" alt="cate-menu3">
                                                    </span>
                                                    <span class="sp-link-title">Headphone</span>
                                                    <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                                </a>
                                                <div class="menu-dropdown product-menu collapse" id="cosmetic">
                                                    <ul class="ul">
                                                        <li class="productlink-li">
                                                            <a href="collection.html" class="productlink-title">
                                                                <span class="sp-link-title">Collection page</span>
                                                            </a>
                                                            <ul class="productsupmenu-dropdown">
                                                                <li class="productsupmenu-li">
                                                                    <a href="collection-without.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Collection</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="collection.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Collection left</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="collection-right.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Collection right</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="collection-list-without.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Collection list</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="collection-list.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Collection list left</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="collection-list-right.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Collection list right</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li class="productlink-li">
                                                            <a href="collection.html" class="productlink-title">
                                                                <span class="sp-link-title">Product page</span>
                                                            </a>
                                                            <ul class="productsupmenu-dropdown">
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product layout</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template2.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product tab</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template3.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product advanc</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template4.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product advance</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template5.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product accordion</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template6.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product center</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template7.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product side</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li class="productlink-li menu-product">
                                                            <div class="product-title-arrow">
                                                                <h6>Best seller</h6>
                                                                <div class="swiper-buttons">
                                                                    <button class="swiper-prev swiper-prev-vega"><i class="feather-arrow-left"></i></button>
                                                                    <button class="swiper-next swiper-next-vega"><i class="feather-arrow-right"></i></button>
                                                                </div>
                                                            </div>
                                                            <div class="swiper" id="vega-menu-slider">
                                                                <div class="swiper-wrapper">
                                                                    <div class="swiper-slide swiper-slide-prev">
                                                                        <div class="product-menu-grid">
                                                                            <div class="product-image">
                                                                                <a href="product-template.html" class="pro-img">
                                                                                    <img src="image/home2/product/product-1.jpg" class="img-fluid" alt="product-1.jpg">
                                                                                </a>
                                                                            </div>
                                                                            <div class="product-content">
                                                                                <div class="product-title">
                                                                                    <h6><a href="product-template.html">Earbuds</a></h6>
                                                                                </div>
                                                                                <div class="product-price">
                                                                                    <div class="pro-price-box">
                                                                                        <span class="new-price">$21.00</span>
                                                                                        <span class="old-price">$25.00</span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="product-ratting">
                                                                                    <span class="review-ratting">
                                                                                        <span class="review-star">
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                        </span>
                                                                                        <span class="review-caption">No reviews</span>
                                                                                    </span>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="swiper-slide swiper-slide-prev">
                                                                        <div class="product-menu-grid">
                                                                            <div class="product-image">
                                                                                <a href="product-template.html" class="pro-img">
                                                                                    <img src="image/home2/product/product-2.jpg" class="img-fluid" alt="product-2.jpg">
                                                                                </a>
                                                                            </div>
                                                                            <div class="product-content">
                                                                                <div class="product-title">
                                                                                    <h6><a href="product-template.html">Sony earbuds</a></h6>
                                                                                </div>
                                                                                <div class="product-price">
                                                                                    <div class="pro-price-box">
                                                                                        <span class="new-price">$18.00</span>
                                                                                        <span class="old-price">$24.00</span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="product-ratting">
                                                                                    <span class="review-ratting">
                                                                                        <span class="review-star">
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                        </span>
                                                                                        <span class="review-caption">No reviews</span>
                                                                                    </span>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="swiper-slide swiper-slide-prev">
                                                                        <div class="product-menu-grid">
                                                                            <div class="product-image">
                                                                                <a href="product-template.html" class="pro-img">
                                                                                    <img src="image/home2/product/product-3.jpg" class="img-fluid" alt="product-3.jpg">
                                                                                </a>
                                                                            </div>
                                                                            <div class="product-content">
                                                                                <div class="product-title">
                                                                                    <h6><a href="product-template.html">Sandisk ssd</a></h6>
                                                                                </div>
                                                                                <div class="product-price">
                                                                                    <div class="pro-price-box">
                                                                                        <span class="new-price">$10.00</span>
                                                                                        <span class="old-price">$15.00</span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="product-ratting">
                                                                                    <span class="review-ratting">
                                                                                        <span class="review-star">
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                        </span>
                                                                                        <span class="review-caption">No reviews</span>
                                                                                    </span>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="swiper-slide swiper-slide-prev">
                                                                        <div class="product-menu-grid">
                                                                            <div class="product-image">
                                                                                <a href="product-template.html" class="pro-img">
                                                                                    <img src="image/home2/product/product-4.jpg" class="img-fluid" alt="product-4.jpg">
                                                                                </a>
                                                                            </div>
                                                                            <div class="product-content">
                                                                                <div class="product-title">
                                                                                    <h6><a href="product-template.html">Router wifi6</a></h6>
                                                                                </div>
                                                                                <div class="product-price">
                                                                                    <div class="pro-price-box">
                                                                                        <span class="new-price">$32.00</span>
                                                                                        <span class="old-price">$38.00</span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="product-ratting">
                                                                                    <span class="review-ratting">
                                                                                        <span class="review-star">
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                        </span>
                                                                                        <span class="review-caption">No reviews</span>
                                                                                    </span>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="swiper-slide swiper-slide-prev">
                                                                        <div class="product-menu-grid">
                                                                            <div class="product-image">
                                                                                <a href="product-template.html" class="pro-img">
                                                                                    <img src="image/home2/product/product-5.jpg" class="img-fluid" alt="product-5.jpg">
                                                                                </a>
                                                                            </div>
                                                                            <div class="product-content">
                                                                                <div class="product-title">
                                                                                    <h6><a href="product-template.html">Verse earphones</a></h6>
                                                                                </div>
                                                                                <div class="product-price">
                                                                                    <div class="pro-price-box">
                                                                                        <span class="new-price">$08.00</span>
                                                                                        <span class="old-price">$10.00</span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="product-ratting">
                                                                                    <span class="review-ratting">
                                                                                        <span class="review-star">
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                        </span>
                                                                                        <span class="review-caption">No reviews</span>
                                                                                    </span>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="swiper-slide swiper-slide-prev">
                                                                        <div class="product-menu-grid">
                                                                            <div class="product-image">
                                                                                <a href="product-template.html" class="pro-img">
                                                                                    <img src="image/home2/product/product-6.jpg" class="img-fluid" alt="product-6.jpg">
                                                                                </a>
                                                                            </div>
                                                                            <div class="product-content">
                                                                                <div class="product-title">
                                                                                    <h6><a href="product-template.html">Asus rog</a></h6>
                                                                                </div>
                                                                                <div class="product-price">
                                                                                    <div class="pro-price-box">
                                                                                        <span class="new-price">$44.00</span>
                                                                                        <span class="old-price">$48.00</span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="product-ratting">
                                                                                    <span class="review-ratting">
                                                                                        <span class="review-star">
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                        </span>
                                                                                        <span class="review-caption">No reviews</span>
                                                                                    </span>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="swiper-slide swiper-slide-prev">
                                                                        <div class="product-menu-grid">
                                                                            <div class="product-image">
                                                                                <a href="product-template.html" class="pro-img">
                                                                                    <img src="image/home2/product/product-7.jpg" class="img-fluid" alt="product-7.jpg">
                                                                                </a>
                                                                            </div>
                                                                            <div class="product-content">
                                                                                <div class="product-title">
                                                                                    <h6><a href="product-template.html">IPad mini6</a></h6>
                                                                                </div>
                                                                                <div class="product-price">
                                                                                    <div class="pro-price-box">
                                                                                        <span class="new-price">$32.00</span>
                                                                                        <span class="old-price">$39.00</span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="product-ratting">
                                                                                    <span class="review-ratting">
                                                                                        <span class="review-star">
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                        </span>
                                                                                        <span class="review-caption">No reviews</span>
                                                                                    </span>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="menu-link">
                                                <a href="collection.html" class="link-title">
                                                    <span class="menu-img-icon">
                                                        <img src="image/home2/menu/cate-menu4.png" class="img-fluid" alt="cate-menu4">
                                                    </span>
                                                    <span class="sp-link-title">Printers</span>
                                                </a>
                                            </li>
                                            <li class="menu-link">
                                                <a href="collection.html" class="link-title">
                                                    <span class="menu-img-icon">
                                                        <img src="image/home2/menu/cate-menu5.png" class="img-fluid" alt="cate-men5">
                                                    </span>
                                                    <span class="sp-link-title">Gamming product</span>
                                                </a>
                                            </li>
                                            <li class="menu-link">
                                                <a href="collection.html" class="link-title">
                                                    <span class="menu-img-icon">
                                                        <img src="image/home2/menu/cate-menu6.png" class="img-fluid" alt="cate-menu6">
                                                    </span>
                                                    <span class="sp-link-title">Multiple phones</span>
                                                </a>
                                            </li>
                                            <li class="menu-link">
                                                <a href="collection.html" class="link-title">
                                                    <span class="menu-img-icon">
                                                        <img src="image/home2/menu/cate-menu7.png" class="img-fluid" alt="cate-menu7">
                                                    </span>
                                                    <span class="sp-link-title">Smart camera</span>
                                                </a>
                                            </li>
                                            <li class="menu-link">
                                                <a href="collection.html" class="link-title">
                                                    <span class="menu-img-icon">
                                                        <img src="image/home2/menu/cate-menu8.png" class="img-fluid" alt="cate-menu8">
                                                    </span>
                                                    <span class="sp-link-title">Smart watch</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        <!-- main-menu start -->
                        <div class="mega-menu-area">
                            <div class="mainmenu-content">
                                <div class="main-wrap">
                                    <ul class="main-menu">
                                        <li class="menu-link">
                                            <a href="index2.html" class="link-title">
                                                <span class="sp-link-title">Home</span>
                                                <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                            </a>
                                            <div class="menu-dropdown menu-single collapse">
                                                <ul class="ul">
                                                    <li class="menusingle-li">
                                                        <a href="index.html" class="menusingle-title">
                                                            <span class="sp-link-title">Home 01</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="index2.html" class="menusingle-title">
                                                            <span class="sp-link-title">Home 02</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="index3.html" class="menusingle-title">
                                                            <span class="sp-link-title">Home 03</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="menu-link">
                                            <a href="collection.html" class="link-title">
                                                <span class="sp-link-title">Shop</span>
                                                <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                            </a>
                                            <div class="menu-dropdown menu-banner collapse">
                                                <ul class="ul container p-0">
                                                    <li class="menubanner-li">
                                                        <div class="menubanner-img banner-hover">
                                                            <a href="collection.html" class="collection-img banner-img">
                                                                <img src="image/home2/menu-banner/menubanner-1.jpg" class="img-fluid" alt="menubanner-1">
                                                            </a>
                                                            <a href="collection.html" class="collection-title">
                                                                <span>New collection</span>
                                                            </a>
                                                        </div>
                                                    </li>
                                                    <li class="menubanner-li">
                                                        <div class="menubanner-img banner-hover">
                                                            <a href="collection.html" class="collection-img banner-img">
                                                                <img src="image/home2/menu-banner/menubanner-2.jpg" class="img-fluid" alt="menubanner-2">
                                                            </a>
                                                            <a href="collection.html" class="collection-title">
                                                                <span>Best collection</span>
                                                            </a>
                                                        </div>
                                                    </li>
                                                    <li class="menubanner-li">
                                                        <div class="menubanner-img banner-hover">
                                                            <a href="collection.html" class="collection-img banner-img">
                                                                <img src="image/home2/menu-banner/menubanner-3.jpg" class="img-fluid" alt="menubanner-3">
                                                            </a>
                                                            <a href="collection.html" class="collection-title">
                                                                <span>Sale collection</span>
                                                            </a>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="menu-link">
                                            <a href="collection.html" class="link-title">
                                                <span class="sp-link-title">Collection</span>
                                                <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                            </a>
                                            <div class="menu-dropdown menu-mega collapse">
                                                <ul class="ul container p-0">
                                                    <li class="menumega-li">
                                                        <a href="product-template.html" class="menumega-title">
                                                            <span class="sp-link-title">Collection page</span>
                                                        </a>
                                                        <div class="menumegasup-dropdown collapse">
                                                            <ul class="menumegasup-ul">
                                                                <li class="menumegasup-li">
                                                                    <a href="collection-without.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Collection</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="collection.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Collection left</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="collection-right.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Collection right</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="collection-list-without.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Collection list</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="collection-list.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Collection list left</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="collection-list-right.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Collection list right</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li class="menumega-li">
                                                        <a href="product-template.html" class="menumega-title">
                                                            <span class="sp-link-title">Product page</span>
                                                        </a>
                                                        <div class="menumegasup-dropdown collapse">
                                                            <ul class="menumegasup-ul">
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product layout</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template2.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product tab</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template3.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product advance</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template4.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product accordion</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template5.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product center</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template6.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product sticky</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template7.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product side</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li class="menumega-li">
                                                        <a href="collection.html" class="menumega-title">
                                                            <span class="sp-link-title">Shop page</span>
                                                        </a>
                                                        <div class="menumegasup-dropdown collapse">
                                                            <ul class="menumegasup-ul">
                                                            <li class="menumegasup-li">
                                                                <a href="cart-page.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Cart page</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="cart-empty.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Cart empty</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="wishlist-empty.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Wishlist empty</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="wishlist-product-template.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Wishlist product</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="return-policy.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Order & returns</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="login-" class="menumegasup-title">
                                                                    <span class="sp-link-title">Manage account</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="collection.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Saved items</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                        </div>
                                                    </li>
                                                    <li class="menumega-li">
                                                        <a href="collection.html" class="menumega-title">
                                                            <span class="sp-link-title">Account page</span>
                                                        </a>
                                                        <div class="menumegasup-dropdown collapse">
                                                            <ul class="menumegasup-ul">
                                                                <li class="menumegasup-li">
                                                                    <a href="order-history.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Order</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="profile.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Profile</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="pro-address.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Address</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="change-password.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Change password</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="pro-tickets.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">My ticket</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="login-" class="menumegasup-title">
                                                                        <span class="sp-link-title">My account</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="pro-address.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">My address</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="menu-link">
                                            <a href="blog-grid.html" class="link-title">
                                                <span class="sp-link-title">Blogs</span>
                                                <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                            </a>
                                            <div class="menu-dropdown menu-single collapse" id="blogs">
                                                <ul class="ul">
                                                    <li class="menusingle-li">
                                                        <a href="blog-grid-without.html" class="menusingle-title">
                                                            <span class="sp-link-title">Blog grid</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="blog-grid.html" class="menusingle-title">
                                                            <span class="sp-link-title">Blog grid left</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="blog-grid-right.html" class="menusingle-title">
                                                            <span class="sp-link-title">Blog grid right</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="article-post-without.html" class="menusingle-title">
                                                            <span class="sp-link-title">Article post</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="article-post.html" class="menusingle-title">
                                                            <span class="sp-link-title">Article post left</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="article-post-right.html" class="menusingle-title">
                                                            <span class="sp-link-title">Article post right</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="menu-link">
                                            <a href="about-us.html" class="link-title">
                                                <span class="sp-link-title">Pages</span>
                                                <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                            </a>
                                            <div class="menu-dropdown menu-sub collapse">
                                                <ul class="ul">
                                                    <li class="menusub-li">
                                                        <a href="about-us.html" class="menusub-title">
                                                            <span class="sp-link-title">About us</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="billing-info.html" class="menusub-title">
                                                            <span class="sp-link-title">Billing info</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="contact-us.html" class="menusub-title">
                                                            <span class="sp-link-title">Contact us</span>
                                                            <span class="menu-arrow"><i class="feather-chevron-right"></i></span>
                                                        </a>
                                                        <div class="menusup-dropdown collapse">
                                                            <ul class="menusup-ul">
                                                                <li class="menusup-li">
                                                                    <a href="contact-us.html" class="menusup-title">
                                                                        <span class="sp-link-title">Contact us</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menusup-li">
                                                                    <a href="contact-us-2.html" class="menusup-title">
                                                                        <span class="sp-link-title">Contact us 2</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="checkout-style1.html" class="menusub-title">
                                                            <span class="sp-link-title">Checkout</span>
                                                            <span class="menu-arrow"><i class="feather-chevron-right"></i></span>
                                                        </a>
                                                        <div class="menusup-dropdown collapse">
                                                            <ul class="menusup-ul">
                                                                <li class="menusup-li">
                                                                    <a href="checkout-style1.html" class="menusup-title">
                                                                        <span class="sp-link-title">Checkout</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menusup-li">
                                                                    <a href="checkout-style2.html" class="menusup-title">
                                                                        <span class="sp-link-title">Checkout 2</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menusup-li">
                                                                    <a href="checkout-style3.html" class="menusup-title">
                                                                        <span class="sp-link-title">Checkout 3</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="cancellation.html" class="menusub-title">
                                                            <span class="sp-link-title">Cancellation</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="faq.html" class="menusub-title">
                                                            <span class="sp-link-title">Faq's</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="order-complete.html" class="menusub-title">
                                                            <span class="sp-link-title">Order complete</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="privacy-policy.html" class="menusub-title">
                                                            <span class="sp-link-title">Policy</span>
                                                            <span class="menu-arrow"><i class="feather-chevron-right"></i></span>
                                                        </a>
                                                        <div class="menusup-dropdown collapse">
                                                            <ul class="menusup-ul">
                                                                <li class="menusup-li">
                                                                    <a href="privacy-policy.html" class="menusup-title">
                                                                        <span class="sp-link-title">Privacy policy</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menusup-li">
                                                                    <a href="payment-policy.html" class="menusup-title">
                                                                        <span class="sp-link-title">Payment policy</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menusup-li">
                                                                    <a href="shipping-policy.html" class="menusup-title">
                                                                        <span class="sp-link-title">Return policy</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menusup-li">
                                                                    <a href="return-policy.html" class="menusup-title">
                                                                        <span class="sp-link-title">Shipping policy</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="sitemap.html" class="menusub-title">
                                                            <span class="sp-link-title">Sitemap</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="terms-condition.html" class="menusub-title">
                                                            <span class="sp-link-title">Terms & condition</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="track-page.html" class="menusub-title">
                                                            <span class="sp-link-title">Track page</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="404.html" class="menusub-title">
                                                            <span class="sp-link-title">404</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="coming-soon.html" class="menusub-title">
                                                            <span class="sp-link-title">Coming soon</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- main-menu end -->
                    </div>
                        <div class="contact-num">
                            <div class="contact-wrap service-line">
                                <span class="contact-details"><i class="feather-zap"></i></span>
                                <a href="collection-without.html">Trending</a>
                            </div>
                            <div class="contact-wrap service-line">
                                <span class="contact-details"><i class="feather-thumbs-up"></i></span>
                                <a href="collection-list-without.html">Offer deals</a>
                            </div>
                        </div>
                    </div>
                    <!-- mega sale -->
                </div>
            </div>
        </header>
        <!-- header end -->
        <div class="menu-main">
            <div class="container-fluid">
                <div class="menu-contact">
                    <div class="vegamenu-wrap">
                        <div class="side-wrap header-support">
                                <div class="vega-menu-area">
                                    <a href="#vega-collapse2" class="browse-cat" data-bs-toggle="collapse" aria-expanded="false">
                                        <span class="menu-icon"><i class="feather-menu"></i></span>
                                        <span class="menu-title">All categories</span>
                                        <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                    </a>
                                    <a href="#vega-collapse2" class="browse-cat browse-cat-lg" data-bs-toggle="collapse" aria-expanded="false">
                                        <span class="menu-icon"><i class="feather-menu"></i></span>
                                        <span class="menu-title">All categories</span>
                                        <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                    </a>
                                    <div class="vegawrap collapse" id="vega-collapse2">
                                        <ul class="vega-menu">
                                            <li class="menu-link">
                                                <a href="collection.html" class="link-title">
                                                    <span class="menu-img-icon">
                                                        <img src="image/home2/menu/cate-menu1.png" class="img-fluid" alt="cate-menu1">
                                                    </span>
                                                    <span class="sp-link-title">Laptops</span>
                                                    <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                                </a>
                                                <div class="menu-dropdown product-menu collapse" id="vega-laptops">
                                                    <ul class="ul">
                                                        <li class="productlink-li">
                                                            <a href="collection.html" class="productlink-title">
                                                                <span class="sp-link-title">Collection page</span>
                                                            </a>
                                                            <ul class="productsupmenu-dropdown">
                                                                <li class="productsupmenu-li">
                                                                    <a href="collection-without.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Collection</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="collection.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Collection left</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="collection-right.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Collection right</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="collection-list-without.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Collection list</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="collection-list.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Collection list left</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="collection-list-right.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Collection list right</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li class="productlink-li">
                                                            <a href="collection.html" class="productlink-title">
                                                                <span class="sp-link-title">Product page</span>
                                                            </a>
                                                            <ul class="productsupmenu-dropdown">
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product layout</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template2.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product tab</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template3.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product advanc</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template4.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product advance</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template5.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product accordion</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template6.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product center</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template7.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product side</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li class="productlink-li shoplink-br">
                                                            <div class="shop-banner banner-hover">
                                                                <a href="" class="banner-img">
                                                                    <img src="image/home2/menu/vega-banner1.jpg" class="img-fluid" alt="vega-banner1">
                                                                </a>
                                                            </div>
                                                        </li>
                                                        <li class="productlink-li shoplink-br">
                                                            <div class="shop-banner banner-hover">
                                                                <a href="" class="banner-img">
                                                                    <img src="image/home2/menu/vega-banner2.jpg" class="img-fluid" alt="vega-banner2">
                                                                </a>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="menu-link">
                                                <a href="collection.html" class="link-title">
                                                    <span class="menu-img-icon">
                                                        <img src="image/home2/menu/cate-menu2.png" class="img-fluid" alt="cate-menu2">
                                                    </span>
                                                    <span class="sp-link-title">Portable speaker</span>
                                                </a>
                                            </li>
                                            <li class="menu-link">
                                                <a href="collection.html" class="link-title">
                                                    <span class="menu-img-icon">
                                                        <img src="image/home2/menu/cate-menu3.png" class="img-fluid" alt="cate-menu3">
                                                    </span>
                                                    <span class="sp-link-title">Headphone</span>
                                                    <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                                </a>
                                                <div class="menu-dropdown product-menu collapse" id="cosmetic2">
                                                    <ul class="ul">
                                                        <li class="productlink-li">
                                                            <a href="collection.html" class="productlink-title">
                                                                <span class="sp-link-title">Collection page</span>
                                                            </a>
                                                            <ul class="productsupmenu-dropdown">
                                                                <li class="productsupmenu-li">
                                                                    <a href="collection-without.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Collection</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="collection.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Collection left</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="collection-right.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Collection right</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="collection-list-without.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Collection list</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="collection-list.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Collection list left</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="collection-list-right.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Collection list right</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li class="productlink-li">
                                                            <a href="collection.html" class="productlink-title">
                                                                <span class="sp-link-title">Product page</span>
                                                            </a>
                                                            <ul class="productsupmenu-dropdown">
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product layout</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template2.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product tab</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template3.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product advanc</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template4.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product advance</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template5.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product accordion</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template6.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product center</span>
                                                                    </a>
                                                                </li>
                                                                <li class="productsupmenu-li">
                                                                    <a href="product-template7.html" class="productsuplink-title">
                                                                        <span class="sp-link-title">Product side</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li class="productlink-li menu-product">
                                                            <div class="product-title-arrow">
                                                                <h6>Best seller</h6>
                                                                <div class="swiper-buttons">
                                                                    <button class="swiper-prev swiper-prev-vega"><i class="feather-arrow-left"></i></button>
                                                                    <button class="swiper-next swiper-next-vega"><i class="feather-arrow-right"></i></button>
                                                                </div>
                                                            </div>
                                                            <div class="swiper" id="vega-menu-slider1">
                                                                <div class="swiper-wrapper">
                                                                    <div class="swiper-slide swiper-slide-prev">
                                                                        <div class="product-menu-grid">
                                                                            <div class="product-image">
                                                                                <a href="product-template.html" class="pro-img">
                                                                                    <img src="image/home2/product/product-1.jpg" class="img-fluid" alt="product-1.jpg">
                                                                                </a>
                                                                            </div>
                                                                            <div class="product-content">
                                                                                <div class="product-title">
                                                                                    <h6><a href="product-template.html">Earbuds</a></h6>
                                                                                </div>
                                                                                <div class="product-price">
                                                                                    <div class="pro-price-box">
                                                                                        <span class="new-price">$21.00</span>
                                                                                        <span class="old-price">$25.00</span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="product-ratting">
                                                                                    <span class="review-ratting">
                                                                                        <span class="review-star">
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                        </span>
                                                                                        <span class="review-caption">No reviews</span>
                                                                                    </span>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="swiper-slide swiper-slide-prev">
                                                                        <div class="product-menu-grid">
                                                                            <div class="product-image">
                                                                                <a href="product-template.html" class="pro-img">
                                                                                    <img src="image/home2/product/product-2.jpg" class="img-fluid" alt="product-2.jpg">
                                                                                </a>
                                                                            </div>
                                                                            <div class="product-content">
                                                                                <div class="product-title">
                                                                                    <h6><a href="product-template.html">Sony earbuds</a></h6>
                                                                                </div>
                                                                                <div class="product-price">
                                                                                    <div class="pro-price-box">
                                                                                        <span class="new-price">$18.00</span>
                                                                                        <span class="old-price">$24.00</span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="product-ratting">
                                                                                    <span class="review-ratting">
                                                                                        <span class="review-star">
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                        </span>
                                                                                        <span class="review-caption">No reviews</span>
                                                                                    </span>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="swiper-slide swiper-slide-prev">
                                                                        <div class="product-menu-grid">
                                                                            <div class="product-image">
                                                                                <a href="product-template.html" class="pro-img">
                                                                                    <img src="image/home2/product/product-3.jpg" class="img-fluid" alt="product-3.jpg">
                                                                                </a>
                                                                            </div>
                                                                            <div class="product-content">
                                                                                <div class="product-title">
                                                                                    <h6><a href="product-template.html">Sandisk ssd</a></h6>
                                                                                </div>
                                                                                <div class="product-price">
                                                                                    <div class="pro-price-box">
                                                                                        <span class="new-price">$10.00</span>
                                                                                        <span class="old-price">$15.00</span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="product-ratting">
                                                                                    <span class="review-ratting">
                                                                                        <span class="review-star">
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                        </span>
                                                                                        <span class="review-caption">No reviews</span>
                                                                                    </span>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="swiper-slide swiper-slide-prev">
                                                                        <div class="product-menu-grid">
                                                                            <div class="product-image">
                                                                                <a href="product-template.html" class="pro-img">
                                                                                    <img src="image/home2/product/product-4.jpg" class="img-fluid" alt="product-4.jpg">
                                                                                </a>
                                                                            </div>
                                                                            <div class="product-content">
                                                                                <div class="product-title">
                                                                                    <h6><a href="product-template.html">Router wifi6</a></h6>
                                                                                </div>
                                                                                <div class="product-price">
                                                                                    <div class="pro-price-box">
                                                                                        <span class="new-price">$32.00</span>
                                                                                        <span class="old-price">$38.00</span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="product-ratting">
                                                                                    <span class="review-ratting">
                                                                                        <span class="review-star">
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                        </span>
                                                                                        <span class="review-caption">No reviews</span>
                                                                                    </span>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="swiper-slide swiper-slide-prev">
                                                                        <div class="product-menu-grid">
                                                                            <div class="product-image">
                                                                                <a href="product-template.html" class="pro-img">
                                                                                    <img src="image/home2/product/product-5.jpg" class="img-fluid" alt="product-5.jpg">
                                                                                </a>
                                                                            </div>
                                                                            <div class="product-content">
                                                                                <div class="product-title">
                                                                                    <h6><a href="product-template.html">Verse earphones</a></h6>
                                                                                </div>
                                                                                <div class="product-price">
                                                                                    <div class="pro-price-box">
                                                                                        <span class="new-price">$08.00</span>
                                                                                        <span class="old-price">$10.00</span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="product-ratting">
                                                                                    <span class="review-ratting">
                                                                                        <span class="review-star">
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                        </span>
                                                                                        <span class="review-caption">No reviews</span>
                                                                                    </span>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="swiper-slide swiper-slide-prev">
                                                                        <div class="product-menu-grid">
                                                                            <div class="product-image">
                                                                                <a href="product-template.html" class="pro-img">
                                                                                    <img src="image/home2/product/product-6.jpg" class="img-fluid" alt="product-6.jpg">
                                                                                </a>
                                                                            </div>
                                                                            <div class="product-content">
                                                                                <div class="product-title">
                                                                                    <h6><a href="product-template.html">Asus rog</a></h6>
                                                                                </div>
                                                                                <div class="product-price">
                                                                                    <div class="pro-price-box">
                                                                                        <span class="new-price">$44.00</span>
                                                                                        <span class="old-price">$48.00</span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="product-ratting">
                                                                                    <span class="review-ratting">
                                                                                        <span class="review-star">
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                        </span>
                                                                                        <span class="review-caption">No reviews</span>
                                                                                    </span>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="swiper-slide swiper-slide-prev">
                                                                        <div class="product-menu-grid">
                                                                            <div class="product-image">
                                                                                <a href="product-template.html" class="pro-img">
                                                                                    <img src="image/home2/product/product-7.jpg" class="img-fluid" alt="product-7.jpg">
                                                                                </a>
                                                                            </div>
                                                                            <div class="product-content">
                                                                                <div class="product-title">
                                                                                    <h6><a href="product-template.html">IPad mini6</a></h6>
                                                                                </div>
                                                                                <div class="product-price">
                                                                                    <div class="pro-price-box">
                                                                                        <span class="new-price">$32.00</span>
                                                                                        <span class="old-price">$39.00</span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="product-ratting">
                                                                                    <span class="review-ratting">
                                                                                        <span class="review-star">
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                            <i class="feather-star"></i>
                                                                                        </span>
                                                                                        <span class="review-caption">No reviews</span>
                                                                                    </span>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="menu-link">
                                                <a href="collection.html" class="link-title">
                                                    <span class="menu-img-icon">
                                                        <img src="image/home2/menu/cate-menu4.png" class="img-fluid" alt="cate-menu4">
                                                    </span>
                                                    <span class="sp-link-title">Printers</span>
                                                </a>
                                            </li>
                                            <li class="menu-link">
                                                <a href="collection.html" class="link-title">
                                                    <span class="menu-img-icon">
                                                        <img src="image/home2/menu/cate-menu5.png" class="img-fluid" alt="cate-men5">
                                                    </span>
                                                    <span class="sp-link-title">Gamming product</span>
                                                </a>
                                            </li>
                                            <li class="menu-link">
                                                <a href="collection.html" class="link-title">
                                                    <span class="menu-img-icon">
                                                        <img src="image/home2/menu/cate-menu6.png" class="img-fluid" alt="cate-menu6">
                                                    </span>
                                                    <span class="sp-link-title">Multiple phones</span>
                                                </a>
                                            </li>
                                            <li class="menu-link">
                                                <a href="collection.html" class="link-title">
                                                    <span class="menu-img-icon">
                                                        <img src="image/home2/menu/cate-menu7.png" class="img-fluid" alt="cate-menu7">
                                                    </span>
                                                    <span class="sp-link-title">Smart camera</span>
                                                </a>
                                            </li>
                                            <li class="menu-link">
                                                <a href="collection.html" class="link-title">
                                                    <span class="menu-img-icon">
                                                        <img src="image/home2/menu/cate-menu8.png" class="img-fluid" alt="cate-menu8">
                                                    </span>
                                                    <span class="sp-link-title">Smart watch</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        <!-- main-menu start -->
                        <div class="mega-menu-area">
                            <div class="mainmenu-content">
                                <div class="main-wrap">
                                    <ul class="main-menu">
                                        <li class="menu-link">
                                            <a href="index2.html" class="link-title">
                                                <span class="sp-link-title">Home</span>
                                                <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                            </a>
                                            <div class="menu-dropdown menu-single collapse">
                                                <ul class="ul">
                                                    <li class="menusingle-li">
                                                        <a href="index.html" class="menusingle-title">
                                                            <span class="sp-link-title">Home 01</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="index2.html" class="menusingle-title">
                                                            <span class="sp-link-title">Home 02</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="index3.html" class="menusingle-title">
                                                            <span class="sp-link-title">Home 03</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="menu-link">
                                            <a href="collection.html" class="link-title">
                                                <span class="sp-link-title">Shop</span>
                                                <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                            </a>
                                            <div class="menu-dropdown menu-banner collapse">
                                                <ul class="ul container p-0">
                                                    <li class="menubanner-li">
                                                        <div class="menubanner-img banner-hover">
                                                            <a href="collection.html" class="collection-img banner-img">
                                                                <img src="image/home2/menu-banner/menubanner-1.jpg" class="img-fluid" alt="menubanner-1">
                                                            </a>
                                                            <a href="collection.html" class="collection-title">
                                                                <span>New collection</span>
                                                            </a>
                                                        </div>
                                                    </li>
                                                    <li class="menubanner-li">
                                                        <div class="menubanner-img banner-hover">
                                                            <a href="collection.html" class="collection-img banner-img">
                                                                <img src="image/home2/menu-banner/menubanner-2.jpg" class="img-fluid" alt="menubanner-2">
                                                            </a>
                                                            <a href="collection.html" class="collection-title">
                                                                <span>Best collection</span>
                                                            </a>
                                                        </div>
                                                    </li>
                                                    <li class="menubanner-li">
                                                        <div class="menubanner-img banner-hover">
                                                            <a href="collection.html" class="collection-img banner-img">
                                                                <img src="image/home2/menu-banner/menubanner-3.jpg" class="img-fluid" alt="menubanner-3">
                                                            </a>
                                                            <a href="collection.html" class="collection-title">
                                                                <span>Sale collection</span>
                                                            </a>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="menu-link">
                                            <a href="collection.html" class="link-title">
                                                <span class="sp-link-title">Collection</span>
                                                <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                            </a>
                                            <div class="menu-dropdown menu-mega collapse">
                                                <ul class="ul container p-0">
                                                    <li class="menumega-li">
                                                        <a href="product-template.html" class="menumega-title">
                                                            <span class="sp-link-title">Collection page</span>
                                                        </a>
                                                        <div class="menumegasup-dropdown collapse">
                                                            <ul class="menumegasup-ul">
                                                                <li class="menumegasup-li">
                                                                    <a href="collection-without.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Collection</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="collection.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Collection left</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="collection-list-without.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Collection right</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="collection-list-without.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Collection list</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="collection-list.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Collection list left</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="collection-list-right.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Collection list right</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li class="menumega-li">
                                                        <a href="product-template.html" class="menumega-title">
                                                            <span class="sp-link-title">Product page</span>
                                                        </a>
                                                        <div class="menumegasup-dropdown collapse">
                                                            <ul class="menumegasup-ul">
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product layout</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template2.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product tab</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template3.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product advance</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template4.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product accordion</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template5.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product center</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template6.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product sticky</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template7.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product side</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li class="menumega-li">
                                                        <a href="collection.html" class="menumega-title">
                                                            <span class="sp-link-title">Shop page</span>
                                                        </a>
                                                        <div class="menumegasup-dropdown collapse">
                                                            <ul class="menumegasup-ul">
                                                            <li class="menumegasup-li">
                                                                <a href="cart-page.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Cart page</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="cart-empty.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Cart empty</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="wishlist-empty.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Wishlist empty</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="wishlist-product-template.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Wishlist product</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="return-policy.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Order & returns</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="login-" class="menumegasup-title">
                                                                    <span class="sp-link-title">Manage account</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="collection.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Saved items</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                        </div>
                                                    </li>
                                                    <li class="menumega-li">
                                                        <a href="collection.html" class="menumega-title">
                                                            <span class="sp-link-title">Account page</span>
                                                        </a>
                                                        <div class="menumegasup-dropdown collapse">
                                                            <ul class="menumegasup-ul">
                                                                <li class="menumegasup-li">
                                                                    <a href="order-history.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Order</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="profile.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Profile</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="pro-address.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Address</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="change-password.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Change password</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="pro-tickets.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">My ticket</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="login-" class="menumegasup-title">
                                                                        <span class="sp-link-title">My account</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="pro-address.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">My address</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="menu-link">
                                            <a href="blog-grid.html" class="link-title">
                                                <span class="sp-link-title">Blogs</span>
                                                <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                            </a>
                                            <div class="menu-dropdown menu-single collapse" id="blogs2">
                                                <ul class="ul">
                                                    <li class="menusingle-li">
                                                        <a href="blog-grid-without.html" class="menusingle-title">
                                                            <span class="sp-link-title">Blog grid</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="blog-grid.html" class="menusingle-title">
                                                            <span class="sp-link-title">Blog grid left</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="blog-grid-right.html" class="menusingle-title">
                                                            <span class="sp-link-title">Blog grid right</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="article-post-without.html" class="menusingle-title">
                                                            <span class="sp-link-title">Article post</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="article-post.html" class="menusingle-title">
                                                            <span class="sp-link-title">Article post left</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="article-post-right.html" class="menusingle-title">
                                                            <span class="sp-link-title">Article post right</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="menu-link">
                                            <a href="about-us.html" class="link-title">
                                                <span class="sp-link-title">Pages</span>
                                                <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                            </a>
                                            <div class="menu-dropdown menu-sub collapse">
                                                <ul class="ul">
                                                    <li class="menusub-li">
                                                        <a href="about-us.html" class="menusub-title">
                                                            <span class="sp-link-title">About us</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="billing-info.html" class="menusub-title">
                                                            <span class="sp-link-title">Billing info</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="contact-us.html" class="menusub-title">
                                                            <span class="sp-link-title">Contact us</span>
                                                            <span class="menu-arrow"><i class="feather-chevron-right"></i></span>
                                                        </a>
                                                        <div class="menusup-dropdown collapse">
                                                            <ul class="menusup-ul">
                                                                <li class="menusup-li">
                                                                    <a href="contact-us.html" class="menusup-title">
                                                                        <span class="sp-link-title">Contact us</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menusup-li">
                                                                    <a href="contact-us-2.html" class="menusup-title">
                                                                        <span class="sp-link-title">Contact us 2</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="checkout-style1.html" class="menusub-title">
                                                            <span class="sp-link-title">Checkout</span>
                                                            <span class="menu-arrow"><i class="feather-chevron-right"></i></span>
                                                        </a>
                                                        <div class="menusup-dropdown collapse">
                                                            <ul class="menusup-ul">
                                                                <li class="menusup-li">
                                                                    <a href="checkout-style1.html" class="menusup-title">
                                                                        <span class="sp-link-title">Checkout</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menusup-li">
                                                                    <a href="checkout-style2.html" class="menusup-title">
                                                                        <span class="sp-link-title">Checkout 2</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menusup-li">
                                                                    <a href="checkout-style3.html" class="menusup-title">
                                                                        <span class="sp-link-title">Checkout 3</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="cancellation.html" class="menusub-title">
                                                            <span class="sp-link-title">Cancellation</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="faq.html" class="menusub-title">
                                                            <span class="sp-link-title">Faq's</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="order-complete.html" class="menusub-title">
                                                            <span class="sp-link-title">Order complete</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="privacy-policy.html" class="menusub-title">
                                                            <span class="sp-link-title">Policy</span>
                                                            <span class="menu-arrow"><i class="feather-chevron-right"></i></span>
                                                        </a>
                                                        <div class="menusup-dropdown collapse">
                                                            <ul class="menusup-ul">
                                                                <li class="menusup-li">
                                                                    <a href="privacy-policy.html" class="menusup-title">
                                                                        <span class="sp-link-title">Privacy policy</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menusup-li">
                                                                    <a href="payment-policy.html" class="menusup-title">
                                                                        <span class="sp-link-title">Payment policy</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menusup-li">
                                                                    <a href="shipping-policy.html" class="menusup-title">
                                                                        <span class="sp-link-title">Return policy</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menusup-li">
                                                                    <a href="return-policy.html" class="menusup-title">
                                                                        <span class="sp-link-title">Shipping policy</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="sitemap.html" class="menusub-title">
                                                            <span class="sp-link-title">Sitemap</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="terms-condition.html" class="menusub-title">
                                                            <span class="sp-link-title">Terms & condition</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="track-page.html" class="menusub-title">
                                                            <span class="sp-link-title">Track page</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="404.html" class="menusub-title">
                                                            <span class="sp-link-title">404</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="coming-soon.html" class="menusub-title">
                                                            <span class="sp-link-title">Coming soon</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- main-menu end -->
                    </div>
                    <div class="contact-num">
                        <div class="contact-wrap service-line">
                            <span class="contact-details"><i class="feather-zap"></i></span>
                            <a href="collection-without.html">Trending</a>
                        </div>
                        <div class="contact-wrap service-line">
                            <span class="contact-details"><i class="feather-thumbs-up"></i></span>
                            <a href="collection-list-without.html">Offer deals</a>
                        </div>
                    </div>
                    <!-- mega sale -->
                </div>
            </div>
        </div>
        <!-- main start -->
        <main id="main">
            <!-- main-slider start -->
            <section class="slider-content">
                <div class="home-slider owl-carousel owl-theme" id="home-slider">
                    <div class="item">
                        <div class="slider-image">
                            <div class="slide-img">
                                <img src="image/home2/slider/slider1.jpg" class="img-fluid desk-img" alt="slider-1">
                                <img src="image/home2/slider/mobile-slider1.jpg" class="img-fluid resp-img" alt="mobile-slider1">
                            </div>
                            <div class="container-fluid slider-text-info">
                                <div class="slider-text-content">
                                    <span class="sub-title">Elevate Your Gaming Skills</span>
                                    <h2><span>Best gaming keyboard</span></h2>
                                    <div class="pricemain">
                                      <span class="product-price">From</span>
                                      <span class="product-price2">$899.99</span>
                                      <span class="product-price3">$999.99</span>
                                    </div>
                                    <a href="collection.html" class="btn-shop btn btn-style">
                                        <span class="shopnow">Shop now</span>
                                    </a>
                                    <a href="collection.html" class="btn-collection btn btn-style">
                                        <span class="shopnow">collection</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="slider-image">
                            <div class="slide-img">
                                <img src="image/home2/slider/slider2.jpg" class="img-fluid desk-img" alt="slider-2">
                                <img src="image/home2/slider/mobile-slider2.jpg" class="img-fluid resp-img" alt="mobile-slider2">
                            </div>
                            <div class="container-fluid slider-text-info">
                                <div class="slider-text-content">
                                    <span class="sub-title">up to 30% off</span>
                                    <h2><span>Comfort in every beat</span></h2>
                                    <div class="pricemain">
                                      <span class="product-price">From</span>
                                      <span class="product-price2">$320</span>
                                      <span class="product-price3">$330</span>
                                    </div>
                                    <a href="collection.html" class="btn-shop btn btn-style">
                                        <span class="shopnow">Shop now</span>
                                    </a>
                                    <a href="collection.html" class="btn-collection btn btn-style">
                                        <span class="shopnow">collection</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="slider-image">
                            <div class="slide-img">
                                <img src="image/home2/slider/slider3.jpg" class="img-fluid desk-img" alt="slider-3">
                                <img src="image/home2/slider/mobile-slider3.jpg" class="img-fluid resp-img" alt="mobile-slider3">
                            </div>
                            <div class="container-fluid slider-text-info">
                                <div class="slider-text-content">
                                    <span class="sub-title">30% Off exclusive offer</span>
                                    <h2><span>Click with freedom</span></h2>
                                    <div class="pricemain">
                                      <span class="product-price">From</span>
                                      <span class="product-price2">$765.99</span>
                                      <span class="product-price3">$770.99</span>
                                    </div>
                                    <a href="collection.html" class="btn-shop btn btn-style">
                                        <span class="shopnow">Shop now</span>
                                    </a>
                                    <a href="collection.html" class="btn-collection btn btn-style">
                                        <span class="shopnow">collection</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- main-slider end -->
            <!-- product-category start -->
            <section class="cat-banner section-ptb">
                <div class="container-fluid">
                  <div class="row">
                    <div class="col">
                      <ul class="banner-block">
                        <li>
                          <span class="banner-hover">
                            <img src="image/home2/banner/banner-01.jpg" class="img-fluid" alt="electronics-banner-01">
                            <span class="cat-bannerwrap">
                              <span class="banner-subtitle" data-animate="animate__fadeIn">Get 50% off</span>
                              <span class="banner-title" data-animate="animate__fadeIn">Gaming controller</span>
                              <a data-animate="animate__fadeIn" href="collection.html" class="button button-link">Shop now</a>
                            </span>
                          </span>
                        </li>
                        <li>
                          <span class="banner-hover">
                            <img src="image/home2/banner/banner-02.jpg" class="img-fluid" alt="electronics-banner-01">
                            <span class="cat-bannerwrap">
                              <span class="banner-subtitle" data-animate="animate__fadeIn">Get 50% off</span>
                              <span class="banner-title" data-animate="animate__fadeIn">Night party speaker</span>
                              <a data-animate="animate__fadeIn" href="collection.html" class="button button-link">Shop now</a>
                            </span>
                          </span>
                        </li>
                        <li>
                          <span class="banner-hover">
                            <img src="image/home2/banner/banner-03.jpg" class="img-fluid" alt="electronics-banner-01">
                            <span class="cat-bannerwrap">
                              <span class="banner-subtitle" data-animate="animate__fadeIn">Get 50% off</span>
                              <span class="banner-title" data-animate="animate__fadeIn">Bluetooth headphone</span>
                              <a data-animate="animate__fadeIn" href="collection.html" class="button button-link">Shop now</a>
                            </span>
                          </span>
                        </li>
                        <li>
                          <span class="banner-hover">
                            <img src="image/home2/banner/banner-04.jpg" class="img-fluid" alt="electronics-banner-01">
                            <span class="cat-bannerwrap">
                              <span class="banner-subtitle" data-animate="animate__fadeIn">Get 50% off</span>
                              <span class="banner-title" data-animate="animate__fadeIn">5G smart phone</span>
                              <a data-animate="animate__fadeIn" href="collection.html" class="button button-link">Shop now</a>
                            </span>
                          </span>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
            </section>
            <!-- product-category end -->
            <!-- deal-slider start -->
            <section class="deal-category section-pb">
                <div class="container-fluid">
                    <div class="collection-category">
                        <div class="section-capture">
                            <div class="section-title">
                                <span data-animate="animate__fadeIn">Weekly best offer</span>
                                <h2 data-animate="animate__fadeIn">Deal of the day</h2>
                            </div>
                            <div class="swiper-buttons">
                                <div class="swiper-buttons-wrap">
                                    <button class="swiper-prev swiper-prev-deal2"><i class="ri-arrow-left-line"></i></button>
                                    <button class="swiper-next swiper-next-deal2"><i class="ri-arrow-right-line"></i></button>
                                </div>
                            </div>
                        </div>
                        <div class="deal-category">
                            <div class="deal-wrap">
                                <div class="deal-slider collection-slider swiper" id="deal-cat2">
                                    <div class="swiper-wrapper">

                                        
                                        <div class="swiper-slide" data-animate="animate__fadeIn">
                                            <div class="single-product-wrap">
                                              <div class="category-wrap">
                                                <div class="cat-content">
                                                  <div class="cat-image">
                                                    <span class="image">
                                                      <img src="image/home2/product/product-1.jpg" class="img-fluid" alt="product-1.jpg">
                                                    </span>
                                                  </div>
                                                </div>
                                                <div class="deal-title">
                                                  <span class="discount-tag" data-animate="animate__fadeIn">7%</span>
                                                  <div class="product-ratting" data-animate="animate__fadeIn">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                  <a class="cat-text" href="collection.html" data-animate="animate__fadeIn">Earbuds</a>
                                                  <div class="price-box" data-animate="animate__fadeIn">
                                                    <span class="new-price">Rs. 42.00</span><span class="old-price">Rs. 45.00</span>
                                                  </div>
                                                  <div class="timer-section" data-animate="animate__fadeIn">
                                                    <ul class="clock" id="clock1">
                                                        <!-- deal day start -->
                                                        <li class="clock-li clock-day">
                                                            <div class="clock-wrap">
                                                                <span class="time days">70</span>
                                                                <span class="clock-text">Days</span>
                                                            </div>
                                                        </li>
                                                        <!-- deal day end -->
                                                        <!-- deal hours start -->
                                                        <li class="clock-li sclock-hours">
                                                            <div class="clock-wrap">
                                                                <span class="time hours">07</span>
                                                                <span class="clock-text">Hrs</span>
                                                            </div>
                                                        </li>
                                                        <!-- deal hours end -->
                                                        <!-- deal minute start -->
                                                        <li class="clock-li sclock-minutes">
                                                            <div class="clock-wrap">
                                                                <span class="time minutes">10</span>
                                                                <span class="clock-text">Min</span>
                                                            </div>
                                                        </li>
                                                        <!-- deal minute end -->
                                                        <!-- deal second start -->
                                                        <li class="clock-li sclock-seconds">
                                                            <div class="clock-wrap">
                                                                <span class="time seconds">42</span>
                                                                <span class="clock-text">Sec</span>
                                                            </div>
                                                        </li>
                                                        <!-- deal second end -->
                                                    </ul>
                                                </div>
                                                    <div class="deal-arrow" data-animate="animate__fadeIn">
                                                        <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                            <span class="tooltip-text">add to cart</span>
                                                        </a>
                                                    </div>
                                                </div>
                                              </div>
                                            </div>
                                        </div>


                                        <div class="swiper-slide" data-animate="animate__fadeIn">
                                            <div class="single-product-wrap">
                                              <div class="category-wrap">
                                                <div class="cat-content">
                                                  <div class="cat-image">
                                                    <span class="image">
                                                      <img src="image/home2/product/product-3.jpg" class="img-fluid" alt="product-3.jpg">
                                                    </span>
                                                  </div>
                                                </div>
                                                <div class="deal-title">
                                                  <span class="discount-tag" data-animate="animate__fadeIn">40%</span>
                                                  <div class="product-ratting" data-animate="animate__fadeIn">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                  <a class="cat-text" href="collection.html" data-animate="animate__fadeIn">Sandisk ssd</a>
                                                  <div class="price-box" data-animate="animate__fadeIn">
                                                    <span class="new-price">Rs. 500.00</span><span class="old-price">Rs. 530.00</span>
                                                  </div>
                                                  <div class="timer-section" data-animate="animate__fadeIn">
                                                    <ul class="clock" id="clock2">
                                                        <!-- deal day start -->
                                                        <li class="clock-li clock-day">
                                                            <div class="clock-wrap">
                                                                <span class="time days">70</span>
                                                                <span class="clock-text">Days</span>
                                                            </div>
                                                        </li>
                                                        <!-- deal day end -->
                                                        <!-- deal hours start -->
                                                        <li class="clock-li sclock-hours">
                                                            <div class="clock-wrap">
                                                                <span class="time hours">07</span>
                                                                <span class="clock-text">Hrs</span>
                                                            </div>
                                                        </li>
                                                        <!-- deal hours end -->
                                                        <!-- deal minute start -->
                                                        <li class="clock-li sclock-minutes">
                                                            <div class="clock-wrap">
                                                                <span class="time minutes">10</span>
                                                                <span class="clock-text">Min</span>
                                                            </div>
                                                        </li>
                                                        <!-- deal minute end -->
                                                        <!-- deal second start -->
                                                        <li class="clock-li sclock-seconds">
                                                            <div class="clock-wrap">
                                                                <span class="time seconds">42</span>
                                                                <span class="clock-text">Sec</span>
                                                            </div>
                                                        </li>
                                                        <!-- deal second end -->
                                                    </ul>
                                                </div>
                                                  <div class="deal-arrow" data-animate="animate__fadeIn">
                                                        <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                            <span class="tooltip-text">add to cart</span>
                                                        </a>
                                                    </div>
                                                </div>
                                              </div>
                                            </div>
                                        </div>



                                        <div class="swiper-slide" data-animate="animate__fadeIn">
                                            <div class="single-product-wrap">
                                              <div class="category-wrap">
                                                <div class="cat-content">
                                                  <div class="cat-image">
                                                    <span class="image">
                                                      <img src="image/home2/product/product-4.jpg" class="img-fluid" alt="product-4.jpg">
                                                    </span>
                                                  </div>
                                                </div>
                                                <div class="deal-title">
                                                  <span class="discount-tag" data-animate="animate__fadeIn">50%</span>
                                                  <div class="product-ratting" data-animate="animate__fadeIn">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                  <a class="cat-text" href="collection.html" data-animate="animate__fadeIn">Router wifi6</a>
                                                  <div class="price-box" data-animate="animate__fadeIn">
                                                    <span class="new-price">Rs. 60.00</span><span class="old-price">Rs. 90.00</span>
                                                  </div>
                                                  <div class="timer-section" data-animate="animate__fadeIn">
                                                    <ul class="clock" id="clock3">
                                                        <!-- deal day start -->
                                                        <li class="clock-li clock-day">
                                                            <div class="clock-wrap">
                                                                <span class="time days">70</span>
                                                                <span class="clock-text">Days</span>
                                                            </div>
                                                        </li>
                                                        <!-- deal day end -->
                                                        <!-- deal hours start -->
                                                        <li class="clock-li sclock-hours">
                                                            <div class="clock-wrap">
                                                                <span class="time hours">07</span>
                                                                <span class="clock-text">Hrs</span>
                                                            </div>
                                                        </li>
                                                        <!-- deal hours end -->
                                                        <!-- deal minute start -->
                                                        <li class="clock-li sclock-minutes">
                                                            <div class="clock-wrap">
                                                                <span class="time minutes">10</span>
                                                                <span class="clock-text">Min</span>
                                                            </div>
                                                        </li>
                                                        <!-- deal minute end -->
                                                        <!-- deal second start -->
                                                        <li class="clock-li sclock-seconds">
                                                            <div class="clock-wrap">
                                                                <span class="time seconds">42</span>
                                                                <span class="clock-text">Sec</span>
                                                            </div>
                                                        </li>
                                                        <!-- deal second end -->
                                                    </ul>
                                                </div>
                                                  <div class="deal-arrow" data-animate="animate__fadeIn">
                                                        <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                            <span class="tooltip-text">add to cart</span>
                                                        </a>
                                                    </div>
                                                </div>
                                              </div>
                                            </div>
                                        </div>



                                        <div class="swiper-slide" data-animate="animate__fadeIn">
                                            <div class="single-product-wrap">
                                              <div class="category-wrap">
                                                <div class="cat-content">
                                                  <div class="cat-image">
                                                    <span class="image">
                                                      <img src="image/home2/product/product-5.jpg" class="img-fluid" alt="product-5.jpg">
                                                    </span>
                                                  </div>
                                                </div>
                                                <div class="deal-title">
                                                  <span class="discount-tag" data-animate="animate__fadeIn">7%</span>
                                                  <div class="product-ratting" data-animate="animate__fadeIn">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                  <a class="cat-text" href="collection.html" data-animate="animate__fadeIn">Asus rog</a>
                                                  <div class="price-box" data-animate="animate__fadeIn">
                                                    <span class="new-price">Rs. 42.00</span><span class="old-price">Rs. 45.00</span>
                                                  </div>
                                                  <div class="timer-section" data-animate="animate__fadeIn">
                                                    <ul class="clock" id="clock4">
                                                        <!-- deal day start -->
                                                        <li class="clock-li clock-day">
                                                            <div class="clock-wrap">
                                                                <span class="time days">70</span>
                                                                <span class="clock-text">Days</span>
                                                            </div>
                                                        </li>
                                                        <!-- deal day end -->
                                                        <!-- deal hours start -->
                                                        <li class="clock-li sclock-hours">
                                                            <div class="clock-wrap">
                                                                <span class="time hours">07</span>
                                                                <span class="clock-text">Hrs</span>
                                                            </div>
                                                        </li>
                                                        <!-- deal hours end -->
                                                        <!-- deal minute start -->
                                                        <li class="clock-li sclock-minutes">
                                                            <div class="clock-wrap">
                                                                <span class="time minutes">10</span>
                                                                <span class="clock-text">Min</span>
                                                            </div>
                                                        </li>
                                                        <!-- deal minute end -->
                                                        <!-- deal second start -->
                                                        <li class="clock-li sclock-seconds">
                                                            <div class="clock-wrap">
                                                                <span class="time seconds">42</span>
                                                                <span class="clock-text">Sec</span>
                                                            </div>
                                                        </li>
                                                        <!-- deal second end -->
                                                    </ul>
                                                </div>
                                                  <div class="deal-arrow" data-animate="animate__fadeIn">
                                                        <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                            <span class="tooltip-text">add to cart</span>
                                                        </a>
                                                    </div>
                                                </div>
                                              </div>
                                            </div>
                                        </div>


                                        <div class="swiper-slide" data-animate="animate__fadeIn">
                                            <div class="single-product-wrap">
                                              <div class="category-wrap">
                                                <div class="cat-content">
                                                  <div class="cat-image">
                                                    <span class="image">
                                                      <img src="image/home2/product/product-6.jpg" class="img-fluid" alt="product-6.jpg">
                                                    </span>
                                                  </div>
                                                </div>
                                                <div class="deal-title">
                                                  <span class="discount-tag" data-animate="animate__fadeIn">7%</span>
                                                  <div class="product-ratting" data-animate="animate__fadeIn">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                  <a class="cat-text" href="collection.html" data-animate="animate__fadeIn">IPad mini6</a>
                                                  <div class="price-box" data-animate="animate__fadeIn">
                                                    <span class="new-price">Rs. 42.00</span><span class="old-price">Rs. 45.00</span>
                                                  </div>
                                                  <div class="timer-section" data-animate="animate__fadeIn">
                                                    <ul class="clock" id="clock5">
                                                        <!-- deal day start -->
                                                        <li class="clock-li clock-day">
                                                            <div class="clock-wrap">
                                                                <span class="time days">70</span>
                                                                <span class="clock-text">Days</span>
                                                            </div>
                                                        </li>
                                                        <!-- deal day end -->
                                                        <!-- deal hours start -->
                                                        <li class="clock-li sclock-hours">
                                                            <div class="clock-wrap">
                                                                <span class="time hours">07</span>
                                                                <span class="clock-text">Hrs</span>
                                                            </div>
                                                        </li>
                                                        <!-- deal hours end -->
                                                        <!-- deal minute start -->
                                                        <li class="clock-li sclock-minutes">
                                                            <div class="clock-wrap">
                                                                <span class="time minutes">10</span>
                                                                <span class="clock-text">Min</span>
                                                            </div>
                                                        </li>
                                                        <!-- deal minute end -->
                                                        <!-- deal second start -->
                                                        <li class="clock-li sclock-seconds">
                                                            <div class="clock-wrap">
                                                                <span class="time seconds">42</span>
                                                                <span class="clock-text">Sec</span>
                                                            </div>
                                                        </li>
                                                        <!-- deal second end -->
                                                    </ul>
                                                </div>
                                                  <div class="deal-arrow" data-animate="animate__fadeIn">
                                                        <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                            <span class="tooltip-text">add to cart</span>
                                                        </a>
                                                    </div>
                                                </div>
                                              </div>
                                            </div>
                                        </div>

                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- category-slider end -->
            <!-- offer-text-section start -->
            <section class="offer-text-area gradient-bg">
                <div class="offer-text-wrap">
                    <div class="marquee-container">
                        <div class="marquee-content">
                            <div class="offer-line">Welcome summer with 30% off!</div>
                            <div class="offer-line">Don’t be slow! our prices are low.</div>
                            <div class="offer-line">Hurry in for our big spring clearance sale</div>
                            <div class="offer-line">These are the discounts you’re looking for.</div>
                            <div class="offer-line">Discounts you won’t find anywhere else.</div>
                            <div class="offer-line">Welcome summer with 30% off!</div>
                            <div class="offer-line">Don’t be slow! our prices are low.</div>
                            <div class="offer-line">Hurry in for our big spring clearance sale</div>
                            <div class="offer-line">These are the discounts you’re looking for.</div>
                            <div class="offer-line">Discounts you won’t find anywhere else.</div>
                            <div class="offer-line">Welcome summer with 30% off!</div>
                            <div class="offer-line">Welcome summer with 30% off!</div>
                            <div class="offer-line">Don’t be slow! our prices are low.</div>
                            <div class="offer-line">Hurry in for our big spring clearance sale</div>
                            <div class="offer-line">These are the discounts you’re looking for.</div>
                            <div class="offer-line">Discounts you won’t find anywhere else.</div>
                            <div class="offer-line">Welcome summer with 30% off!</div>
                            <div class="offer-line">Don’t be slow! our prices are low.</div>
                            <div class="offer-line">Hurry in for our big spring clearance sale</div>
                            <div class="offer-line">These are the discounts you’re looking for.</div>
                            <div class="offer-line">Discounts you won’t find anywhere else.</div>
                            <div class="offer-line">Welcome summer with 30% off!</div>
                            <div class="offer-line">Welcome summer with 30% off!</div>
                            <div class="offer-line">Don’t be slow! our prices are low.</div>
                            <div class="offer-line">Hurry in for our big spring clearance sale</div>
                            <div class="offer-line">These are the discounts you’re looking for.</div>
                            <div class="offer-line">Discounts you won’t find anywhere else.</div>
                            <div class="offer-line">Welcome summer with 30% off!</div>
                            <div class="offer-line">Welcome summer with 30% off!</div>
                            <div class="offer-line">Don’t be slow! our prices are low.</div>
                            <div class="offer-line">Hurry in for our big spring clearance sale</div>
                            <div class="offer-line">These are the discounts you’re looking for.</div>
                            <div class="offer-line">Discounts you won’t find anywhere else.</div>
                            <div class="offer-line">Welcome summer with 30% off!</div>
                            <div class="offer-line">Don’t be slow! our prices are low.</div>
                            <div class="offer-line">Hurry in for our big spring clearance sale</div>
                            <div class="offer-line">These are the discounts you’re looking for.</div>
                            <div class="offer-line">Discounts you won’t find anywhere else.</div>
                            <div class="offer-line">Welcome summer with 30% off!</div>
                            <div class="offer-line">Welcome summer with 30% off!</div>
                            <div class="offer-line">Don’t be slow! our prices are low.</div>
                            <div class="offer-line">Hurry in for our big spring clearance sale</div>
                            <div class="offer-line">These are the discounts you’re looking for.</div>
                            <div class="offer-line">Discounts you won’t find anywhere else.</div>
                            <div class="offer-line">Welcome summer with 30% off!</div>
                            <div class="offer-line">Don’t be slow! our prices are low.</div>
                            <div class="offer-line">Hurry in for our big spring clearance sale</div>
                            <div class="offer-line">These are the discounts you’re looking for.</div>
                            <div class="offer-line">Discounts you won’t find anywhere else.</div>
                            <div class="offer-line">Welcome summer with 30% off!</div>
                            <div class="offer-line">Welcome summer with 30% off!</div>
                            <div class="offer-line">Don’t be slow! our prices are low.</div>
                            <div class="offer-line">Hurry in for our big spring clearance sale</div>
                            <div class="offer-line">These are the discounts you’re looking for.</div>
                            <div class="offer-line">Discounts you won’t find anywhere else.</div>
                            <div class="offer-line">Welcome summer with 30% off!</div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- offer-text-section end -->
            <!-- product-tab start -->
            <section class="product-tab-area section-ptb bt">
                <div class="container-fluid">
                    <div class="collection-category">
                        <div class="section-capture">
                            <div class="section-title">
                                <span>Popular product</span>
                                <h2><span>Selling products</span></h2>
                            </div>
                            <ul class="nav nav-tabs">
                                <li>
                                    <a href="#new-tab" data-bs-toggle="tab" class="show active">Mobile</a>
                                </li>
                                <li>
                                    <a href="#best-tab" data-bs-toggle="tab">Camera</a>
                                </li>
                                <li>
                                    <a href="#feature-tab" data-bs-toggle="tab">Smart tv</a>
                                </li>
                                <li>
                                    <a href="#sale-tab" data-bs-toggle="tab">Accessories</a>
                                </li>
                            </ul>
                        </div>
                        <div class="tab-content tabs">
                            
                            <div class="tab-pane fade active show" id="new-tab">
                                <div class="collection-wrap">
                                    <div class="collection-slider swiper" id="new-product2">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-1.jpg" class="img-fluid img1 resp-img1" alt="product-1.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Earbuds</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$600.00</span>
                                                            <span class="old-price">$610.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-2.jpg" class="img-fluid img1 resp-img1" alt="product-2.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Sony earbuds</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$96.00</span>
                                                            <span class="old-price">$100.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-3.jpg" class="img-fluid img1 resp-img1" alt="product-3.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Sandisk ssd </a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$70.00</span>
                                                            <span class="old-price">$75.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-4.jpg" class="img-fluid img1 resp-img1" alt="product-4.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Router wifi6</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$30.00</span>
                                                            <span class="old-price">$35.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-5.jpg" class="img-fluid img1 resp-img1" alt="product-5.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Asus rog</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$500.00</span>
                                                            <span class="old-price">$560.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-6.jpg" class="img-fluid img1 resp-img1" alt="product-6.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">IPad mini6</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$650.00</span>
                                                            <span class="old-price">$680.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-7.jpg" class="img-fluid img1 resp-img1" alt="product-7.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">IPad mini</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$1000.00</span>
                                                            <span class="old-price">$1100.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-8.jpg" class="img-fluid img1 resp-img1" alt="product-8.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Nokia 1434</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$950.00</span>
                                                            <span class="old-price">$955.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-9.jpg" class="img-fluid img1 resp-img1" alt="product-9.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Nokia 110</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$30.00</span>
                                                            <span class="old-price">$35.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-10.jpg" class="img-fluid img1 resp-img1" alt="product-10.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Gaming laptop</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$320.00</span>
                                                            <span class="old-price">$350.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-11.jpg" class="img-fluid img1 resp-img1" alt="product-11.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">HP color printer</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$450.00</span>
                                                            <span class="old-price">$465.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-12.jpg" class="img-fluid img1 resp-img1" alt="product-12.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Smartwatch</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$230.00</span>
                                                            <span class="old-price">$235.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-13.jpg" class="img-fluid img1 resp-img1" alt="product-13.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Mouse</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$120.00</span>
                                                            <span class="old-price">$150.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-14.jpg" class="img-fluid img1 resp-img1" alt="product-14.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Smart camera</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$20.00</span>
                                                            <span class="old-price">$25.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-buttons">
                                        <div class="swiper-buttons-wrap">
                                            <button class="swiper-prev swiper-prev-new2"><i class="ri-arrow-left-s-line"></i></button>
                                            <button class="swiper-next swiper-next-new2"><i class="ri-arrow-right-s-line"></i></button>
                                        </div>
                                    </div>
                                    <div class="swiper-dots">
                                        <div class="swiper-pagination swiper-pagination-new2"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="best-tab">
                                <div class="collection-wrap">
                                    <div class="collection-slider swiper" id="best-product2">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-7.jpg" class="img-fluid img1 resp-img1" alt="product-7.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">IPad mini</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$1000.00</span>
                                                            <span class="old-price">$1100.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-8.jpg" class="img-fluid img1 resp-img1" alt="product-8.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Nokia 1434</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$950.00</span>
                                                            <span class="old-price">$955.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-9.jpg" class="img-fluid img1 resp-img1" alt="product-9.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Nokia 110</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$30.00</span>
                                                            <span class="old-price">$35.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-10.jpg" class="img-fluid img1 resp-img1" alt="product-10.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Gaming laptop</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$320.00</span>
                                                            <span class="old-price">$350.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-11.jpg" class="img-fluid img1 resp-img1" alt="product-11.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">HP color printer</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$450.00</span>
                                                            <span class="old-price">$465.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-12.jpg" class="img-fluid img1 resp-img1" alt="product-12.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Smartwatch</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$230.00</span>
                                                            <span class="old-price">$235.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-13.jpg" class="img-fluid img1 resp-img1" alt="product-13.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Mouse</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$120.00</span>
                                                            <span class="old-price">$150.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-14.jpg" class="img-fluid img1 resp-img1" alt="product-14.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Smart camera</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$20.00</span>
                                                            <span class="old-price">$25.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-1.jpg" class="img-fluid img1 resp-img1" alt="product-1.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Earbuds</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$600.00</span>
                                                            <span class="old-price">$610.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-2.jpg" class="img-fluid img1 resp-img1" alt="product-2.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Sony earbuds</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$96.00</span>
                                                            <span class="old-price">$100.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-3.jpg" class="img-fluid img1 resp-img1" alt="product-3.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Sandisk ssd </a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$70.00</span>
                                                            <span class="old-price">$75.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-4.jpg" class="img-fluid img1 resp-img1" alt="product-4.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Router wifi6</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$30.00</span>
                                                            <span class="old-price">$35.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-5.jpg" class="img-fluid img1 resp-img1" alt="product-5.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Asus rog</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$500.00</span>
                                                            <span class="old-price">$560.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-6.jpg" class="img-fluid img1 resp-img1" alt="product-6.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">IPad mini6</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$650.00</span>
                                                            <span class="old-price">$680.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-buttons">
                                        <div class="swiper-buttons-wrap">
                                            <button class="swiper-prev swiper-prev-best2"><i class="ri-arrow-left-s-line"></i></button>
                                            <button class="swiper-next swiper-next-best2"><i class="ri-arrow-right-s-line"></i></button>
                                        </div>
                                    </div>
                                    <div class="swiper-dots">
                                        <div class="swiper-pagination swiper-pagination-best"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="feature-tab">
                                <div class="collection-wrap">
                                    <div class="collection-slider swiper" id="feature-product2">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-12.jpg" class="img-fluid img1 resp-img1" alt="product-12.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Smartwatch</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$230.00</span>
                                                            <span class="old-price">$235.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-13.jpg" class="img-fluid img1 resp-img1" alt="product-13.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Mouse</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$120.00</span>
                                                            <span class="old-price">$150.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-2.jpg" class="img-fluid img1 resp-img1" alt="product-2.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Sony earbuds</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$96.00</span>
                                                            <span class="old-price">$100.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-3.jpg" class="img-fluid img1 resp-img1" alt="product-3.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Sandisk ssd </a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$70.00</span>
                                                            <span class="old-price">$75.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-4.jpg" class="img-fluid img1 resp-img1" alt="product-4.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Router wifi6</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$30.00</span>
                                                            <span class="old-price">$35.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-7.jpg" class="img-fluid img1 resp-img1" alt="product-7.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">IPad mini</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$1000.00</span>
                                                            <span class="old-price">$1100.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-8.jpg" class="img-fluid img1 resp-img1" alt="product-8.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Nokia 1434</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$950.00</span>
                                                            <span class="old-price">$955.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-9.jpg" class="img-fluid img1 resp-img1" alt="product-9.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Nokia 110</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$30.00</span>
                                                            <span class="old-price">$35.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-10.jpg" class="img-fluid img1 resp-img1" alt="product-10.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Gaming laptop</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$320.00</span>
                                                            <span class="old-price">$350.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-11.jpg" class="img-fluid img1 resp-img1" alt="product-11.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">HP color printer</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$450.00</span>
                                                            <span class="old-price">$465.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-5.jpg" class="img-fluid img1 resp-img1" alt="product-5.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Asus rog</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$500.00</span>
                                                            <span class="old-price">$560.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-6.jpg" class="img-fluid img1 resp-img1" alt="product-6.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">IPad mini6</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$650.00</span>
                                                            <span class="old-price">$680.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-14.jpg" class="img-fluid img1 resp-img1" alt="product-14.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Smart camera</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$20.00</span>
                                                            <span class="old-price">$25.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-1.jpg" class="img-fluid img1 resp-img1" alt="product-1.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Earbuds</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$600.00</span>
                                                            <span class="old-price">$610.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-buttons">
                                        <div class="swiper-buttons-wrap">
                                            <button class="swiper-prev swiper-prev-feature2"><i class="ri-arrow-left-s-line"></i></button>
                                            <button class="swiper-next swiper-next-feature2"><i class="ri-arrow-right-s-line"></i></button>
                                        </div>
                                    </div>
                                    <div class="swiper-dots">
                                        <div class="swiper-pagination swiper-pagination-feature"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="sale-tab">
                                <div class="collection-wrap">
                                    <div class="collection-slider swiper" id="sale-product2">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-10.jpg" class="img-fluid img1 resp-img1" alt="product-10.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Gaming laptop</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$320.00</span>
                                                            <span class="old-price">$350.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-11.jpg" class="img-fluid img1 resp-img1" alt="product-11.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">HP color printer</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$450.00</span>
                                                            <span class="old-price">$465.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-12.jpg" class="img-fluid img1 resp-img1" alt="product-12.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Smartwatch</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$230.00</span>
                                                            <span class="old-price">$235.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-13.jpg" class="img-fluid img1 resp-img1" alt="product-13.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Mouse</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$120.00</span>
                                                            <span class="old-price">$150.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-2.jpg" class="img-fluid img1 resp-img1" alt="product-2.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Sony earbuds</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$96.00</span>
                                                            <span class="old-price">$100.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-3.jpg" class="img-fluid img1 resp-img1" alt="product-3.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Sandisk ssd </a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$70.00</span>
                                                            <span class="old-price">$75.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-4.jpg" class="img-fluid img1 resp-img1" alt="product-4.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Router wifi6</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$30.00</span>
                                                            <span class="old-price">$35.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-7.jpg" class="img-fluid img1 resp-img1" alt="product-7.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">IPad mini</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$1000.00</span>
                                                            <span class="old-price">$1100.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-8.jpg" class="img-fluid img1 resp-img1" alt="product-8.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Nokia 1434</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$950.00</span>
                                                            <span class="old-price">$955.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-9.jpg" class="img-fluid img1 resp-img1" alt="product-9.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Nokia 110</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$30.00</span>
                                                            <span class="old-price">$35.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-10.jpg" class="img-fluid img1 resp-img1" alt="product-10.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Gaming laptop</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$320.00</span>
                                                            <span class="old-price">$350.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-5.jpg" class="img-fluid img1 resp-img1" alt="product-5.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Asus rog</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$500.00</span>
                                                            <span class="old-price">$560.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-6.jpg" class="img-fluid img1 resp-img1" alt="product-6.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">IPad mini6</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$650.00</span>
                                                            <span class="old-price">$680.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-14.jpg" class="img-fluid img1 resp-img1" alt="product-14.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Smart camera</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$20.00</span>
                                                            <span class="old-price">$25.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide" data-animate="animate__fadeIn">
                                                <div class="single-product-wrap">
                                                    <div class="product-image">
                                                        <a href="product-template.html" class="pro-img">
                                                            <img src="image/home2/product/product-1.jpg" class="img-fluid img1 resp-img1" alt="product-1.jpg">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="product-content">
                                                        <div class="product-title">
                                                            <h6><a href="product-template.html">Earbuds</a></h6>
                                                        </div>
                                                        <div class="price-box">
                                                            <span class="new-price">$600.00</span>
                                                            <span class="old-price">$610.00</span>
                                                        </div>
                                                        <div class="product-ratting">
                                                            <span class="review-ratting">
                                                                <span class="review-star">
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                    <i class="feather-star"></i>
                                                                </span>
                                                                <span class="review-caption">No reviews</span>
                                                            </span>
                                                        </div>
                                                        <div class="product-description">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                        </div>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)" class="add-to-cart">
                                                                <span class="product-icon">
                                                                    <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                    <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                    <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                </span>
                                                                <span class="tooltip-text">add to cart</span>
                                                            </a>
                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                <span class="tooltip-text">quickview</span>
                                                            </a>
                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                <span class="tooltip-text">wishlist</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-buttons">
                                        <div class="swiper-buttons-wrap">
                                            <button class="swiper-prev swiper-prev-sale2"><i class="ri-arrow-left-s-line"></i></button>
                                            <button class="swiper-next swiper-next-sale2"><i class="ri-arrow-right-s-line"></i></button>
                                        </div>
                                    </div>
                                    <div class="swiper-dots">
                                        <div class="swiper-pagination swiper-pagination-sale"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- product-tab end -->
            <!-- banner3 start -->
            <section class="banner3 section-pb">
                <div class="container-fluid">
                  <div class="row">
                    <div class="col">
                      <ul class="banner-block">
                        <li class="banner-wrapper text-top">
                          <span class="banner-hover">
                            <img src="image/home2/banner/banner-home-1.jpg" class="img-fluid" alt="electronics-banner-01">
                            <span class="banner3-content">
                              <span class="banner-subtitle" data-animate="animate__fadeIn">Get 30% discount</span>
                              <span class="banne3title" data-animate="animate__fadeIn">Gaming cabinet</span>
                            </span>
                          </span>
                        </li>
                        <li class="banner-wrapper text-left">
                          <span class="banner-hover">
                            <img src="image/home2/banner/banner-home-2.jpg" class="img-fluid" alt="electronics-banner-01">
                            <span class="banner3-content">
                              <span class="banner-subtitle" data-animate="animate__fadeIn">Start from<span class="sub-color">$199.99</span></span>
                              <span class="banne3title" data-animate="animate__fadeIn">Tech with a human touch</span>
                              <a data-animate="animate__fadeIn" href="collection.html" class="btn btn btn-style2 button-link">Shop now</a>
                            </span>
                          </span>
                        </li>
                        <li class="banner-wrapper text-top">
                          <span class="banner-hover">
                            <img src="image/home2/banner/banner-home-3.jpg" class="img-fluid" alt="electronics-banner-01">
                            <span class="banner3-content">
                              <span class="banner-subtitle" data-animate="animate__fadeIn">Sale up to 50% off</span>
                              <span class="banne3title" data-animate="animate__fadeIn">Home cleaner</span>
                            </span>
                          </span>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
            </section>
            <!-- banner3 end -->
            <!-- featured-area start -->
            <section class="featured-area section-pb">
                <div class="container-fluid">
                    <div class="collection-category">
                        <div class="section-capture">
                            <div class="section-title">
                                <span>Onsale Products</span>
                                <h2><span>Featured products</span></h2>
                            </div>
                            <div class="swiper-buttons">
                                <div class="swiper-buttons-wrap">
                                    <button class="swiper-prev swiper-prev-featured2"><i class="ri-arrow-left-line"></i></button>
                                    <button class="swiper-next swiper-next-featured2"><i class="ri-arrow-right-line"></i></button>
                                </div>
                            </div>
                        </div>
                        <div class="collection-wrap">
                            <div class="collection-slider swiper" id="featuredproducts2">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-1.jpg" class="img-fluid img1 resp-img1" alt="product-1.jpg">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">Earbuds</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$600.00</span>
                                                    <span class="old-price">$610.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-2.jpg" class="img-fluid img1 resp-img1" alt="product-2.jpg">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">Sony earbuds</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$96.00</span>
                                                    <span class="old-price">$100.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-3.jpg" class="img-fluid img1 resp-img1" alt="product-3.jpg">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">Sandisk ssd </a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$70.00</span>
                                                    <span class="old-price">$75.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-4.jpg" class="img-fluid img1 resp-img1" alt="product-4.jpg">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">Router wifi6</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$30.00</span>
                                                    <span class="old-price">$35.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-5.jpg" class="img-fluid img1 resp-img1" alt="product-5.jpg">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">Asus rog</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$500.00</span>
                                                    <span class="old-price">$560.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-6.jpg" class="img-fluid img1 resp-img1" alt="product-6.jpg">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">IPad mini6</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$650.00</span>
                                                    <span class="old-price">$680.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-7.jpg" class="img-fluid img1 resp-img1" alt="product-7.jpg">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">IPad mini</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$1000.00</span>
                                                    <span class="old-price">$1100.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-8.jpg" class="img-fluid img1 resp-img1" alt="product-8.jpg">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">Nokia 1434</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$950.00</span>
                                                    <span class="old-price">$955.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-9.jpg" class="img-fluid img1 resp-img1" alt="product-9.jpg">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">Nokia 110</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$30.00</span>
                                                    <span class="old-price">$35.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-10.jpg" class="img-fluid img1 resp-img1" alt="product-10.jpg">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">Gaming laptop</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$320.00</span>
                                                    <span class="old-price">$350.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-11.jpg" class="img-fluid img1 resp-img1" alt="product-11.jpg">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">HP color printer</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$450.00</span>
                                                    <span class="old-price">$465.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-12.jpg" class="img-fluid img1 resp-img1" alt="product-12.jpg">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">Smartwatch</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$230.00</span>
                                                    <span class="old-price">$235.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-13.jpg" class="img-fluid img1 resp-img1" alt="product-13.jpg">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">Mouse</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$120.00</span>
                                                    <span class="old-price">$150.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-14.jpg" class="img-fluid img1 resp-img1" alt="product-14.jpg">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">Smart camera</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$20.00</span>
                                                    <span class="old-price">$25.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- featured-area end -->
            <!-- brand-slider start -->
            <section class="brand-area ">
                <div class="container-fluid">
                    <div class="testi-category section-ptb bt">
                        <div class="collection-slider swiper" id="brandslider2">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide" data-animate="animate__fadeIn">
                                    <div class="brand-img">
                                        <a href="JavaScript:void(0)" class="brand-img"><img src="image/home2/brand-logo/brandlogo-1.png" class="img-fluid" alt="brandlogo-1.png"></a>
                                    </div>
                                </div>
                                <div class="swiper-slide" data-animate="animate__fadeIn">
                                    <div class="brand-img">
                                        <a href="JavaScript:void(0)" class="brand-img"><img src="image/home2/brand-logo/brandlogo-2.png" class="img-fluid" alt="brandlogo-2.png"></a>
                                    </div>
                                </div>
                                <div class="swiper-slide" data-animate="animate__fadeIn">
                                    <div class="brand-img">
                                        <a href="JavaScript:void(0)" class="brand-img"><img src="image/home2/brand-logo/brandlogo-3.png" class="img-fluid" alt="brandlogo-3.png"></a>
                                    </div>
                                </div>
                                <div class="swiper-slide" data-animate="animate__fadeIn">
                                    <div class="brand-img">
                                        <a href="JavaScript:void(0)" class="brand-img"><img src="image/home2/brand-logo/brandlogo-4.png" class="img-fluid" alt="brandlogo-4.png"></a>
                                    </div>
                                </div>
                                <div class="swiper-slide" data-animate="animate__fadeIn">
                                    <div class="brand-img">
                                        <a href="JavaScript:void(0)" class="brand-img"><img src="image/home2/brand-logo/brandlogo-5.png" class="img-fluid" alt="brandlogo-5.png"></a>
                                    </div>
                                </div>
                                <div class="swiper-slide" data-animate="animate__fadeIn">
                                    <div class="brand-img">
                                        <a href="JavaScript:void(0)" class="brand-img"><img src="image/home2/brand-logo/brandlogo-1.png" class="img-fluid" alt="brandlogo-1.png"></a>
                                    </div>
                                </div>
                                <div class="swiper-slide" data-animate="animate__fadeIn">
                                    <div class="brand-img">
                                        <a href="JavaScript:void(0)" class="brand-img"><img src="image/home2/brand-logo/brandlogo-2.png" class="img-fluid" alt="brandlogo-2.png"></a>
                                    </div>
                                </div>
                                 <div class="swiper-slide" data-animate="animate__fadeIn">
                                    <div class="brand-img">
                                        <a href="JavaScript:void(0)" class="brand-img"><img src="image/home2/brand-logo/brandlogo-3.png" class="img-fluid" alt="brandlogo-3.png"></a>
                                    </div>
                                </div>
                                <div class="swiper-slide" data-animate="animate__fadeIn">
                                    <div class="brand-img">
                                        <a href="JavaScript:void(0)" class="brand-img"><img src="image/home2/brand-logo/brandlogo-4.png" class="img-fluid" alt="brandlogo-4.png"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- brand-slider end -->
            <!-- banner-area start -->
            <section>
                <div class="container-fluid ">
                  <div class="row">
                    <div class="col">
                    <section class="full-banner">
                      <div class="container">
                        <div class="row">
                          <div class="col">
                            <div class="text-area">
                                <div class="banner-title">
                                    <h2 data-animate="animate__fadeIn">27MP with improved performance</h2>
                                    <a class="btn-style2" href="product-template.html" data-animate="animate__fadeIn">Shop now</a>
                                </div>
                              </div>
                          </div>
                        </div>
                      </div>
                      </section>
                    </div>
                  </div>
                </div>
            </section>
            <!-- banner-area end -->
            <!-- Trending-area start -->
            <section class="trending-area section-ptb">
                <div class="container-fluid">
                    <div class="collection-category">
                        <div class="section-capture">
                            <div class="section-title">
                                <span>Spacial product</span>
                                <h2><span>Trending products</span></h2>
                            </div>
                            <div class="swiper-buttons">
                                <div class="swiper-buttons-wrap">
                                    <button class="swiper-prev swiper-prev-tranding2"><i class="ri-arrow-left-line"></i></button>
                                    <button class="swiper-next swiper-next-tranding2"><i class="ri-arrow-right-line"></i></button>
                                </div>
                            </div>
                        </div>
                        <div class="collection-wrap">
                            <div class="collection-slider swiper" id="trandingproducts2">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-1.jpg" class="img-fluid img1 resp-img1" alt="product-1">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">Earbuds</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$340.00</span>
                                                    <span class="old-price">$350.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="carttext">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><span class="tooltip-text">add to cart</span></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-2.jpg" class="img-fluid img1 resp-img1" alt="product-1">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">Sony earbuds</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$560.00</span>
                                                    <span class="old-price">$590.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="carttext">  
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><span class="tooltip-text">add to cart</span></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-3.jpg" class="img-fluid img1 resp-img1" alt="product-1">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">Sandisk ssd </a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$600.00</span>
                                                    <span class="old-price">$610.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="carttext">  
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><span class="tooltip-text">add to cart</span></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-4.jpg" class="img-fluid img1 resp-img1" alt="product-1">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">Router wifi6</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$600.00</span>
                                                    <span class="old-price">$610.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="carttext">  
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><span class="tooltip-text">add to cart</span></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-5.jpg" class="img-fluid img1 resp-img1" alt="product-1">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">Asus rog</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$950.00</span>
                                                    <span class="old-price">$960.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="carttext">  
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><span class="tooltip-text">add to cart</span></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-6.jpg" class="img-fluid img1 resp-img1" alt="product-1">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">IPad mini6</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$950.00</span>
                                                    <span class="old-price">$960.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="carttext">  
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><span class="tooltip-text">add to cart</span></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-7.jpg" class="img-fluid img1 resp-img1" alt="product-7">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">IPad mini</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$600.00</span>
                                                    <span class="old-price">$610.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="carttext">  
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><span class="tooltip-text">add to cart</span></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-8.jpg" class="img-fluid img1 resp-img1" alt="product-8">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">Nokia 1434</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$750.00</span>
                                                    <span class="old-price">$760.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="carttext">  
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><span class="tooltip-text">add to cart</span></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-9.jpg" class="img-fluid img1 resp-img1" alt="product-9">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">Nokia 110</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$450.00</span>
                                                    <span class="old-price">$490.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="carttext">  
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><span class="tooltip-text">add to cart</span></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-10.jpg" class="img-fluid img1 resp-img1" alt="product-10">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">Gaming laptop</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$960.00</span>
                                                    <span class="old-price">$970.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="carttext">  
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><span class="tooltip-text">add to cart</span></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-11.jpg" class="img-fluid img1 resp-img1" alt="product-11">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">HP color printer</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$450.00</span>
                                                    <span class="old-price">$455.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="carttext">  
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><span class="tooltip-text">add to cart</span></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-12.jpg" class="img-fluid img1 resp-img1" alt="product-12">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">Smartwatch</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$600.00</span>
                                                    <span class="old-price">$610.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="carttext">  
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><span class="tooltip-text">add to cart</span></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-13.jpg" class="img-fluid img1 resp-img1" alt="product-13">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">Mouse</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$30.00</span>
                                                    <span class="old-price">$40.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="carttext">  
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><span class="tooltip-text">add to cart</span></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-14.jpg" class="img-fluid img1 resp-img1" alt="product-14">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">Smart camera</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$860.00</span>
                                                    <span class="old-price">$870.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="carttext">  
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><span class="tooltip-text">add to cart</span></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-15.jpg" class="img-fluid img1 resp-img1" alt="product-15">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">Wireless powerbank</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$55.00</span>
                                                    <span class="old-price">$60.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="carttext">  
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><span class="tooltip-text">add to cart</span></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-16.jpg" class="img-fluid img1 resp-img1" alt="product-16">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">Gamepad</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$40.00</span>
                                                    <span class="old-price">$42.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="carttext">  
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><span class="tooltip-text">add to cart</span></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-17.jpg" class="img-fluid img1 resp-img1" alt="product-17">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">Room air purifier</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$456.00</span>
                                                    <span class="old-price">$460.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="carttext">  
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><span class="tooltip-text">add to cart</span></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-animate="animate__fadeIn">
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="product-template.html" class="pro-img">
                                                    <img src="image/home2/product/product-18.jpg" class="img-fluid img1 resp-img1" alt="product-17">
                                                </a>
                                                <div class="product-action">
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="product-title">
                                                    <h6><a href="product-template.html">Robot vacuum</a></h6>
                                                </div>
                                                <div class="price-box">
                                                    <span class="new-price">$950.00</span>
                                                    <span class="old-price">$955.00</span>
                                                </div>
                                                <div class="product-ratting">
                                                    <span class="review-ratting">
                                                        <span class="review-star">
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                            <i class="feather-star"></i>
                                                        </span>
                                                        <span class="review-caption">No reviews</span>
                                                    </span>
                                                </div>
                                                <div class="carttext">  
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><span class="tooltip-text">add to cart</span></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                </div>
                                                <div class="product-action">
                                                    <a href="javascript:void(0)" class="add-to-cart">
                                                        <span class="product-icon">
                                                            <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                            <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                            <span class="product-check-icon"><i class="feather-check"></i></span>
                                                        </span>
                                                        <span class="tooltip-text">add to cart</span>
                                                    </a>
                                                    <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                        <span class="product-icon"><i class="feather-eye"></i></span>
                                                        <span class="tooltip-text">quickview</span>
                                                    </a>
                                                    <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                        <span class="product-icon"><i class="feather-heart"></i></span>
                                                        <span class="tooltip-text">wishlist</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Trending-area end -->
            <section class="newsletter-area">
                <div class="news-letter-area">
                  <div class="container">
                    <div class="row">
                      <div class="col">
                          <div class="newsletter-block">
                            <div class="newsletter-title">
                              <div class="section-capture">
                                <div class="section-title" data-animate="animate__fadeIn">
                                  <h2 class="title">Subscribe newsletter</h2>
                                  <p class="desc">Get a 20% discount on your first order!</p>
                                </div>
                              </div>
                            </div>
                            <div class="subscribe-content" data-animate="animate__fadeIn">
                              <form method="post" id="contact_form" accept-charset="UTF-8" class="contact-form">
                                <input type="hidden" name="form_type" value="customer">
                                <input type="hidden" name="utf8" value="✓">
                                <input type="hidden" name="contact[tags]" value="newsletter">
                                <div class="subscribe-block">
                                <input type="email" name="contact[email]" class="email mail" id="E-mail" value="" placeholder="Enter your email" autocapitalize="off" required="">
                                <button type="submit" class="news-submit" name="commit" id="Subscribe"><i class="feather-mail"></i>Subscribe</button>
                              </div>
                            </form>
                        </div>
                      </div>
                    </div>
                    </div>
                    </div>
                  </div>
            </section>
            <!-- blog-section start -->
            <section class="blog-area section-ptb">
                <div class="container-fluid">
                    <div class="collection-category">
                    <div class="row">
                        <div class="col">
                            <div class="section-capture">
                                <div class="section-title">
                                    <span data-animate="animate__fadeIn">Our blog</span>
                                    <h2 data-animate="animate__fadeIn">Latest news</h2>
                                </div>
                            </div>
                            <div class="swiper-buttons">
                                <div class="swiper-buttons-wrap">
                                    <button class="swiper-prev swiper-prev-blogs2"><i class="ri-arrow-left-line"></i></button>
                                    <button class="swiper-next swiper-next-blogs2"><i class="ri-arrow-right-line"></i></button>
                                </div>
                            </div>
                            <div class="blog-wrap">
                                <div class="blog-slider swiper" id="blogslider2">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide" data-animate="animate__fadeIn">
                                            <div class="blog-post">
                                                <div class="blog-main-img">
                                                    <a href="article-post.html" class="blog-img banner-img">
                                                        <img src="image/home2/blog/blog-1.jpg" class="blog-img img-fluid" alt="blog-1">
                                                        <span class="date-time">10 Feb 2025</span>
                                                    </a>
                                                </div>
                                                <div class="blog-post-content">
                                                    <div class="blogtitle">
                                                        <h6 class="blog-title">Stay connected to the future with our electronic range.</h6>
                                                    </div>
                                                    <a class="btn-style3 readmore" href="blog-grid.html">read more</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="swiper-slide" data-animate="animate__fadeIn">
                                            <div class="blog-post">
                                                <div class="blog-main-img">
                                                    <a href="article-post.html" class="blog-img banner-img">
                                                        <img src="image/home2/blog/blog-2.jpg" class="blog-img img-fluid" alt="blog-1">
                                                        <span class="date-time">26 Dec 2025</span>
                                                    </a>
                                                </div>
                                                <div class="blog-post-content">
                                                    <div class="blogtitle">
                                                        <h6 class="blog-title">Empowering homes with our range of  electronic solutions</h6>
                                                    </div>
                                                    <a class="btn-style3 readmore" href="blog-grid.html">read more</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="swiper-slide" data-animate="animate__fadeIn">
                                            <div class="blog-post">
                                                <div class="blog-main-img">
                                                    <a href="article-post.html" class="blog-img banner-img">
                                                        <img src="image/home2/blog/blog-3.jpg" class="blog-img img-fluid" alt="blog-1">
                                                        <span class="date-time">01 Mar 2025</span>
                                                    </a>
                                                </div>
                                                <div class="blog-post-content">
                                                    <div class="blogtitle">
                                                        <h6 class="blog-title">We offer warranty, but with our services,  you won’t need it</h6>
                                                    </div>
                                                    <a class="btn-style3 readmore" href="blog-grid.html">read more</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="swiper-slide" data-animate="animate__fadeIn">
                                            <div class="blog-post">
                                                <div class="blog-main-img">
                                                    <a href="article-post.html" class="blog-img banner-img">
                                                        <img src="image/home2/blog/blog-4.jpg" class="blog-img img-fluid" alt="blog-1">
                                                        <span class="date-time">16 Oct 2025</span>
                                                    </a>
                                                </div>
                                                <div class="blog-post-content">
                                                    <div class="blogtitle">
                                                        <h6 class="blog-title">We’re licensed and our team trained per  the industry standard</h6>
                                                    </div>
                                                    <a class="btn-style3 readmore" href="blog-grid.html">read more</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="swiper-slide" data-animate="animate__fadeIn">
                                            <div class="blog-post">
                                                <div class="blog-main-img">
                                                    <a href="article-post.html" class="blog-img banner-img">
                                                        <img src="image/home2/blog/blog-5.jpg" class="blog-img img-fluid" alt="blog-1">
                                                        <span class="date-time">13 Jun 2025</span>
                                                    </a>
                                                </div>
                                                <div class="blog-post-content">
                                                    <div class="blogtitle">
                                                        <h6 class="blog-title">Stay connected to the future with our electronic range.</h6>
                                                    </div>
                                                    <a class="btn-style3 readmore" href="blog-grid.html">read more</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="swiper-slide" data-animate="animate__fadeIn">
                                            <div class="blog-post">
                                                <div class="blog-main-img">
                                                    <a href="article-post.html" class="blog-img banner-img">
                                                        <img src="image/home2/blog/blog-6.jpg" class="blog-img img-fluid" alt="blog-1">
                                                        <span class="date-time">18 Feb 2025</span>
                                                    </a>
                                                </div>
                                                <div class="blog-post-content">
                                                    <div class="blogtitle">
                                                        <h6 class="blog-title">We’re licensed and our team trained per  the industry standard</h6>
                                                    </div>
                                                    <a class="btn-style3 readmore" href="blog-grid.html">read more</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="swiper-slide" data-animate="animate__fadeIn">
                                            <div class="blog-post">
                                                <div class="blog-main-img">
                                                    <a href="article-post.html" class="blog-img banner-img">
                                                        <img src="image/home2/blog/blog-7.jpg" class="blog-img img-fluid" alt="blog-1">
                                                        <span class="date-time">23 Sep 2025</span>
                                                    </a>
                                                </div>
                                                <div class="blog-post-content">
                                                    <div class="blogtitle">
                                                        <h6 class="blog-title">Stay connected to the future with our electronic range.</h6>
                                                    </div>
                                                    <a class="btn-style3 readmore" href="blog-grid.html">read more</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="swiper-slide" data-animate="animate__fadeIn">
                                            <div class="blog-post">
                                                <div class="blog-main-img">
                                                    <a href="article-post.html" class="blog-img banner-img">
                                                        <img src="image/home2/blog/blog-8.jpg" class="blog-img img-fluid" alt="blog-1">
                                                        <span class="date-time">6 Jan 2025</span>
                                                    </a>
                                                </div>
                                                <div class="blog-post-content">
                                                    <div class="blogtitle">
                                                        <h6 class="blog-title">We’re licensed and our team trained per  the industry standard</h6>
                                                    </div>
                                                    <a class="btn-style3 readmore" href="blog-grid.html">read more</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
            </section>
            <!-- blog-section end -->
            <!-- service-area start-->
            <section class="service-area section-pb bt" data-animate="animate__fadeIn">
                <div class="container-fluid">
                    <ul class="single-service">
                        <li class="service-content" data-animate="animate__fadeIn">
                            <div class="ser-block">
                                <a class="service-icon" href="JavaScript:void(0)">
                                    <span><i class="feather-box"></i></span>
                                </a>
                                <div class="service-text">
                                    <h6>Free shipping</h6>
                                    <p>Orders over $100</p>
                                </div>
                            </div>
                        </li>
                        <li class="service-content" data-animate="animate__fadeIn">
                            <div class="ser-block">
                                <a class="service-icon" href="JavaScript:void(0)">
                                    <span><i class="feather-dollar-sign"></i></span>
                                </a>
                                <div class="service-text">
                                    <h6>Payment secure</h6>
                                    <p>100% payment safe</p>
                                </div>
                            </div>
                        </li>
                        <li class="service-content" data-animate="animate__fadeIn">
                            <div class="ser-block">
                                <a class="service-icon" href="JavaScript:void(0)">
                                    <span><i class="feather-headphones"></i></span>
                                </a>
                                <div class="service-text">
                                    <h6>Support 24/7</h6>
                                    <p>Top quality support</p>
                                </div>
                            </div>
                        </li>
                        <li class="service-content" data-animate="animate__fadeIn">
                            <div class="ser-block">
                                <a class="service-icon" href="JavaScript:void(0)">
                                    <span><i class="feather-refresh-cw"></i></span>
                                </a>
                                <div class="service-text">
                                    <h6>Free returns</h6>
                                    <p>Within 30 days</p>
                                </div>
                            </div>
                        </li>
                        <li class="service-content" data-animate="animate__fadeIn">
                            <div class="ser-block">
                                <a class="service-icon" href="JavaScript:void(0)">
                                    <span><i class="feather-award"></i></span>
                                </a>
                                <div class="service-text">
                                    <h6>Best price</h6>
                                    <p>Guaranteed</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </section>
            <!-- service-area end-->
        </main>
        <!-- main end -->
        <!-- footer start -->
        <footer>
            <!-- footer-area start -->
            <div class="footer-area section-ptb extra-bg">
                <div class="container-fluid">
                    <div class="footer-list">
                        <ul class="footer-ul">
                            <li class="footer-li footer-logo" data-animate="animate__fadeIn">
                                <div class="footer-content">
                                    <a href="index2.html" class="theme-logo">
                                        <img src="image/home2/logo.png" class="img-fluid" alt="logo">
                                    </a>
                                    <ul class="ftcontact-ul">
                                        <li class="ftcontact-li">
                                            <div class="footer-desc">
                                                <p class="desc">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                                            </div>
                                            <div class="ft-contact-add">
                                                <a href="" class="ft-contact-address"><i class="feather-phone-call"></i>tel:+(210) 123 456 7890</a>
                                            </div>
                                            <div class="ft-contact-add">
                                                <a href="" class="ft-contact-address"><i class="feather-mail"></i>demo364852@gmail.com</a>
                                            </div>
                                        </li>

                                    </ul>
                                </div>
                            </li>
                            <li class="footer-li footer-location" data-animate="animate__fadeIn">
                                <div class="footer-content">
                                    <ul class="ftcontact-ul">
                                        <li class="ftcontact-li">
                                            <h6 class="ft-title">Contact us</h6>
                                            <a href="#collapse-account" data-bs-toggle="collapse" class="ft-title">
                                                <span class="ftmenu-title">Contact us</span>
                                            </a>
                                            <div class="ft-location">
                                                <i class="feather-mail"></i>
                                                <p>70 Washington square south,  new york, ny 10012,  united states</p>
                                                
                                            </div>
                                            <div class="social-icon">
                                                <ul class="social-icon">
                                                    <li>
                                                        <a href="https://www.instagram.com/" class="instagram"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg></a>
                                                    </li>
                                                    <li>
                                                        <a href="https://www.facebook.com/" class="facebook"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"/></svg></a>
                                                    </li>
                                                    <li>
                                                        <a href="https://twitter.com/" class="twitter"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg></a>
                                                    </li>
                                                    <li>
                                                        <a href="https://in.pinterest.com/" class="pinterest"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z"/></svg></a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="footer-li footer-menu" data-animate="animate__fadeIn">
                                <h6 class="ft-title">Information</h6>
                                <a href="#collapse-information" data-bs-toggle="collapse" class="ft-title">
                                    <span class="ftmenu-title">Information</span>
                                    <span class="ftmenu-icon"><i class="feather-plus"></i></span>
                                </a>
                                <ul class="ftlink-ul collapse" id="collapse-information">
                                    <li class="ftlink-li">
                                        <a href="about-us.html">About us</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="contact-us.html">Contact us</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="blog-grid.html">Blog</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="faq.html">Faq's</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="cart-page.html">My cart</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="wishlist-product-template.html">My wishlist</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="footer-li footer-menu" data-animate="animate__fadeIn">
                                <h6 class="ft-title">My account</h6>
                                <a href="#collapse-category" data-bs-toggle="collapse" class="ft-title">
                                    <span class="ftmenu-title">My account</span>
                                    <span class="ftmenu-icon"><i class="feather-plus"></i></span>
                                </a>
                                <ul class="ftlink-ul collapse" id="collapse-category">
                                    <li class="ftlink-li">
                                        <a href="https://spacingtech.com/html/etro/etro/about-us-2.html">About us 2</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="contact-us-2.html">Contact us 2</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="return-policy.html">Refund policy</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="shipping-policy.html">Shipping & return</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="contact-us-2.html">Store location</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="product-template.html">Saved items</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="footer-li footer-menu" data-animate="animate__fadeIn">
                                <h6 class="ft-title">Categories</h6>
                                <a href="#collapse-followed" data-bs-toggle="collapse" class="ft-title">
                                    <span class="ftmenu-title">Categories</span>
                                    <span class="ftmenu-icon"><i class="feather-plus"></i></span>
                                </a>
                                <ul class="ftlink-ul collapse" id="collapse-followed">
                                    <li class="ftlink-li">
                                        <a href="product-template.html">Computer</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="product-template2.html">Smart phone</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="product-template3.html">Earbuds</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="product-template4.html">DSLR camera</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="product-template5.html">Smart watch</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="product-template6.html">Party speaker</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- footer-area end -->
            <!-- copyright start -->
            <div class="copyright">
                <div class="container-fluid">
                    <ul class="copyright-ul bt">
                        <li class="copyright-li ft-text">
                            <div class="copyright-text">
                                <p>Copyright © 2025 by spacingtech</p>
                            </div>
                        </li>
                        <li class="copyright-li ft-menu">
                            <div class="copyright-menu">
                                <a href="privacy-policy.html" class="ft-sublink">Privacy policy</a>
                                <a href="terms-condition.html" class="ft-sublink">Term &amp; condition</a>
                            </div>
                        </li>
                        <li class="copyright-li ft-payment">
                            <div class="copyright-payment">
                                <a href="JavaScript:void(0)" class="payment-icon">
                                    <img src="image/home2/payment/paypal.png" class="img-fluid" alt="paypal">
                                    <img src="image/home2/payment/master.png" class="img-fluid" alt="master">
                                    <img src="image/home2/payment/american.png" class="img-fluid" alt="visa">
                                    <img src="image/home2/payment/paypal.png" class="img-fluid" alt="american">
                                </a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- copyright end -->
        </footer>
        <!-- footer end -->
        <!-- vega-mobile start -->
        <div class="mobile-vega">
            <div class="vega-menu-area">
                <div class="mobile-vega-menu" id="mobile-vega-menu">
                    <div class="vega-close">
                        <button class="vega-close-btn">
                        <span class="vega-close-icon"><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span>
                        </button>
                    </div>
                    <ul class="vega-menu">
                        <li class="menu-link">
                            <div class="link-title">
                                <a href="#mobile-vega-electronics" data-bs-toggle="collapse" class="sp-link-title">
                                    <span class="menu-img-icon">
                                        <span class="menu-img-icon">
                                            <img src="image/home2/menu/cate-menu1.png" class="img-fluid" alt="cate-menu1">
                                        </span>
                                        <span class="sp-link-title">Laptops</span>
                                    </span>
                                    <span class="menu-arrow"><i class="feather-plus"></i></span>
                                </a>
                            </div>
                            <div class="menu-dropdown product-menu collapse" id="mobile-vega-electronics">
                                <ul class="ul">
                                    <li class="productlink-li">
                                        <div class="productlink-title">
                                            <a href="#vega-sub1" data-bs-toggle="collapse" class="sp-link-title">
                                                <span>Collection page</span>
                                                <span class="menu-arrow"><i class="feather-plus"></i></span>
                                            </a>
                                        </div>
                                        <ul class="productsupmenu-dropdown collapse" id="vega-sub1">
                                            <li class="productsupmenu-li">
                                                <a href="collection-without.html" class="productsuplink-title">
                                                    <span class="sp-link-title">Collection</span>
                                                </a>
                                            </li>
                                            <li class="productsupmenu-li">
                                                <a href="collection.html" class="productsuplink-title">
                                                    <span class="sp-link-title">Collection left</span>
                                                </a>
                                            </li>
                                            <li class="productsupmenu-li">
                                                <a href="collection-right.html" class="productsuplink-title">
                                                    <span class="sp-link-title">Collection right</span>
                                                </a>
                                            </li>
                                            <li class="productsupmenu-li">
                                                <a href="collection-list-without.html" class="productsuplink-title">
                                                    <span class="sp-link-title">Collection list</span>
                                                </a>
                                            </li>
                                            <li class="productsupmenu-li">
                                                <a href="collection-list.html" class="productsuplink-title">
                                                    <span class="sp-link-title">Collection list lef</span>
                                                </a>
                                            </li>
                                            <li class="productsupmenu-li">
                                                <a href="" class="productsuplink-title">
                                                    <span class="sp-link-title">Collection list right</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="productlink-li">
                                        <div class="productlink-title">
                                            <a href="#vega-sub2" data-bs-toggle="collapse" class="sp-link-title">
                                                <span>Product page</span>
                                                <span class="menu-arrow"><i class="feather-plus"></i></span>
                                            </a>
                                        </div>
                                        <ul class="productsupmenu-dropdown collapse" id="vega-sub2">
                                            <li class="productsupmenu-li">
                                                <a href="product-template.html" class="productsuplink-title">
                                                    <span class="sp-link-title">Product layout</span>
                                                </a>
                                            </li>
                                            <li class="productsupmenu-li">
                                                <a href="product-template2.html" class="productsuplink-title">
                                                    <span class="sp-link-title">Product tab</span>
                                                </a>
                                            </li>
                                            <li class="productsupmenu-li">
                                                <a href="product-template3.html" class="productsuplink-title">
                                                    <span class="sp-link-title">Product advanc</span>
                                                </a>
                                            </li>
                                            <li class="productsupmenu-li">
                                                <a href="product-template4.html" class="productsuplink-title">
                                                    <span class="sp-link-title">Product advance</span>
                                                </a>
                                            </li>
                                            <li class="productsupmenu-li">
                                                <a href="product-template5.html" class="productsuplink-title">
                                                    <span class="sp-link-title">Product accordion</span>
                                                </a>
                                            </li>
                                            <li class="productsupmenu-li">
                                                <a href="product-template6.html" class="productsuplink-title">
                                                    <span class="sp-link-title">Product center</span>
                                                </a>
                                            </li>
                                            <li class="productsupmenu-li">
                                                <a href="product-template7.html" class="productsuplink-title">
                                                    <span class="sp-link-title">Product side</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="productlink-li">
                                        <a href="" class="banner-img">
                                            <img src="image/home2/menu/vega-banner1.jpg" class="img-fluid" alt="vega-banner1">
                                        </a>
                                    </li>
                                    <li class="productlink-li">
                                        <a href="" class="banner-img">
                                            <img src="image/home2/menu/vega-banner2.jpg" class="img-fluid" alt="vega-banner1">
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="menu-link">
                            <div class="link-title">
                                <a href="#vega-furniture" data-bs-toggle="collapse" class="sp-link-title">
                                    <span class="menu-img-icon">
                                        <img src="image/home2/menu/cate-menu2.png" class="img-fluid" alt="cate-menu2">
                                        <span>Portable speaker</span>
                                    </span>
                                </a>
                            </div>
                        </li>
                        <li class="menu-link">
                            <div class="link-title">
                                <a href="#mob-cosmetic" data-bs-toggle="collapse" class="sp-link-title">
                                    <span class="menu-img-icon">
                                        <img src="image/home2/menu/cate-menu3.png" class="img-fluid" alt="cate-menu3">
                                        <span>Headphone</span>
                                    </span>
                                    <span class="menu-arrow"><i class="feather-plus"></i></span>
                                </a>
                            </div>
                            <div class="menu-dropdown product-menu collapse" id="mob-cosmetic">
                                <ul class="ul">
                                    <li class="productlink-li">
                                        <div class="productlink-title">
                                            <a href="#productsup-vega1" data-bs-toggle="collapse" class="sp-link-title">
                                                <span>Collection page</span>
                                                <span class="menu-arrow"><i class="feather-plus"></i></span>
                                            </a>
                                        </div>
                                        <ul class="productsupmenu-dropdown collapse" id="productsup-vega1">
                                            <li class="productsupmenu-li">
                                                <a href="collection-without.html" class="productsuplink-title">
                                                    <span class="sp-link-title">Collection</span>
                                                </a>
                                            </li>
                                            <li class="productsupmenu-li">
                                                <a href="collection.html" class="productsuplink-title">
                                                    <span class="sp-link-title">Collection left</span>
                                                </a>
                                            </li>
                                            <li class="productsupmenu-li">
                                                <a href="collection-right.html" class="productsuplink-title">
                                                    <span class="sp-link-title">Collection right</span>
                                                </a>
                                            </li>
                                            <li class="productsupmenu-li">
                                                <a href="collection-list-without.html" class="productsuplink-title">
                                                    <span class="sp-link-title">Collection list</span>
                                                </a>
                                            </li>
                                            <li class="productsupmenu-li">
                                                <a href="collection-list.html" class="productsuplink-title">
                                                    <span class="sp-link-title">Collection list lef</span>
                                                </a>
                                            </li>
                                            <li class="productsupmenu-li">
                                                <a href="" class="productsuplink-title">
                                                    <span class="sp-link-title">Collection list right</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="productlink-li">
                                        <div class="productlink-title">
                                            <a href="#productsup-vega2" data-bs-toggle="collapse" class="sp-link-title">
                                                <span>Product page</span>
                                                <span class="menu-arrow"><i class="feather-plus"></i></span>
                                            </a>
                                        </div>
                                        <ul class="productsupmenu-dropdown collapse" id="productsup-vega2">
                                            <li class="productsupmenu-li">
                                                <a href="product-template.html" class="productsuplink-title">
                                                    <span class="sp-link-title">Product layout</span>
                                                </a>
                                            </li>
                                            <li class="productsupmenu-li">
                                                <a href="product-template2.html" class="productsuplink-title">
                                                    <span class="sp-link-title">Product tab</span>
                                                </a>
                                            </li>
                                            <li class="productsupmenu-li">
                                                <a href="product-template3.html" class="productsuplink-title">
                                                    <span class="sp-link-title">Product advanc</span>
                                                </a>
                                            </li>
                                            <li class="productsupmenu-li">
                                                <a href="product-template4.html" class="productsuplink-title">
                                                    <span class="sp-link-title">Product advance</span>
                                                </a>
                                            </li>
                                            <li class="productsupmenu-li">
                                                <a href="product-template5.html" class="productsuplink-title">
                                                    <span class="sp-link-title">Product accordion</span>
                                                </a>
                                            </li>
                                            <li class="productsupmenu-li">
                                                <a href="product-template6.html" class="productsuplink-title">
                                                    <span class="sp-link-title">Product center</span>
                                                </a>
                                            </li>
                                            <li class="productsupmenu-li">
                                                <a href="product-template7.html" class="productsuplink-title">
                                                    <span class="sp-link-title">Product side</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="productlink-li">
                                        <div class="productlink-title">
                                            <a href="#productsup-vega3" data-bs-toggle="collapse" class="sp-link-title">
                                                <span>Best seller</span>
                                                <span class="menu-arrow"><i class="feather-plus"></i></span>
                                            </a>
                                        </div>
                                        <ul class="productsupmenu-dropdown collapse" id="productsup-vega3">
                                            <li class="productsupmenu-li">
                                                <!-- <a href="product-template.html" class="productsuplink-title">
                                                    <span class="sp-link-title">Best seller</span>
                                                </a> -->
                                                <div class="swiper" id="vega-menu-slidermobile">
                                                    <div class="swiper-wrapper">
                                                        <div class="swiper-slide swiper-slide-prev">
                                                            <div class="product-menu-grid">
                                                                <div class="product-image">
                                                                    <a href="product-template.html" class="pro-img">
                                                                        <img src="image/home2/product/product-1.jpg" class="img-fluid" alt="product-1.jpg">
                                                                    </a>
                                                                </div>
                                                                <div class="product-content">
                                                                    <div class="product-title">
                                                                        <h6><a href="product-template.html">Earbuds</a></h6>
                                                                    </div>
                                                                    <div class="product-price">
                                                                        <div class="pro-price-box">
                                                                            <span class="new-price">$21.00</span>
                                                                            <span class="old-price">$25.00</span>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product-ratting">
                                                                        <span class="review-ratting">
                                                                            <span class="review-star">
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                            </span>
                                                                            <span class="review-caption">No reviews</span>
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="swiper-slide swiper-slide-prev">
                                                            <div class="product-menu-grid">
                                                                <div class="product-image">
                                                                    <a href="product-template.html" class="pro-img">
                                                                        <img src="image/home2/product/product-2.jpg" class="img-fluid" alt="product-2.jpg">
                                                                    </a>
                                                                </div>
                                                                <div class="product-content">
                                                                    <div class="product-title">
                                                                        <h6><a href="product-template.html">Sony earbuds</a></h6>
                                                                    </div>
                                                                    <div class="product-price">
                                                                        <div class="pro-price-box">
                                                                            <span class="new-price">$18.00</span>
                                                                            <span class="old-price">$24.00</span>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product-ratting">
                                                                        <span class="review-ratting">
                                                                            <span class="review-star">
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                            </span>
                                                                            <span class="review-caption">No reviews</span>
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="swiper-slide swiper-slide-prev">
                                                            <div class="product-menu-grid">
                                                                <div class="product-image">
                                                                    <a href="product-template.html" class="pro-img">
                                                                        <img src="image/home2/product/product-3.jpg" class="img-fluid" alt="product-3.jpg">
                                                                    </a>
                                                                </div>
                                                                <div class="product-content">
                                                                    <div class="product-title">
                                                                        <h6><a href="product-template.html">Sandisk ssd</a></h6>
                                                                    </div>
                                                                    <div class="product-price">
                                                                        <div class="pro-price-box">
                                                                            <span class="new-price">$10.00</span>
                                                                            <span class="old-price">$15.00</span>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product-ratting">
                                                                        <span class="review-ratting">
                                                                            <span class="review-star">
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                            </span>
                                                                            <span class="review-caption">No reviews</span>
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="swiper-slide swiper-slide-prev">
                                                            <div class="product-menu-grid">
                                                                <div class="product-image">
                                                                    <a href="product-template.html" class="pro-img">
                                                                        <img src="image/home2/product/product-4.jpg" class="img-fluid" alt="product-4.jpg">
                                                                    </a>
                                                                </div>
                                                                <div class="product-content">
                                                                    <div class="product-title">
                                                                        <h6><a href="product-template.html">Router wifi6</a></h6>
                                                                    </div>
                                                                    <div class="product-price">
                                                                        <div class="pro-price-box">
                                                                            <span class="new-price">$32.00</span>
                                                                            <span class="old-price">$38.00</span>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product-ratting">
                                                                        <span class="review-ratting">
                                                                            <span class="review-star">
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                            </span>
                                                                            <span class="review-caption">No reviews</span>
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="swiper-slide swiper-slide-prev">
                                                            <div class="product-menu-grid">
                                                                <div class="product-image">
                                                                    <a href="product-template.html" class="pro-img">
                                                                        <img src="image/home2/product/product-5.jpg" class="img-fluid" alt="product-5.jpg">
                                                                    </a>
                                                                </div>
                                                                <div class="product-content">
                                                                    <div class="product-title">
                                                                        <h6><a href="product-template.html">Verse earphones</a></h6>
                                                                    </div>
                                                                    <div class="product-price">
                                                                        <div class="pro-price-box">
                                                                            <span class="new-price">$08.00</span>
                                                                            <span class="old-price">$10.00</span>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product-ratting">
                                                                        <span class="review-ratting">
                                                                            <span class="review-star">
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                            </span>
                                                                            <span class="review-caption">No reviews</span>
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="swiper-slide swiper-slide-prev">
                                                            <div class="product-menu-grid">
                                                                <div class="product-image">
                                                                    <a href="product-template.html" class="pro-img">
                                                                        <img src="image/home2/product/product-6.jpg" class="img-fluid" alt="product-6.jpg">
                                                                    </a>
                                                                </div>
                                                                <div class="product-content">
                                                                    <div class="product-title">
                                                                        <h6><a href="product-template.html">Asus rog</a></h6>
                                                                    </div>
                                                                    <div class="product-price">
                                                                        <div class="pro-price-box">
                                                                            <span class="new-price">$44.00</span>
                                                                            <span class="old-price">$48.00</span>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product-ratting">
                                                                        <span class="review-ratting">
                                                                            <span class="review-star">
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                            </span>
                                                                            <span class="review-caption">No reviews</span>
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="swiper-slide swiper-slide-prev">
                                                            <div class="product-menu-grid">
                                                                <div class="product-image">
                                                                    <a href="product-template.html" class="pro-img">
                                                                        <img src="image/home2/product/product-7.jpg" class="img-fluid" alt="product-7.jpg">
                                                                    </a>
                                                                </div>
                                                                <div class="product-content">
                                                                    <div class="product-title">
                                                                        <h6><a href="product-template.html">IPad mini6</a></h6>
                                                                    </div>
                                                                    <div class="product-price">
                                                                        <div class="pro-price-box">
                                                                            <span class="new-price">$32.00</span>
                                                                            <span class="old-price">$39.00</span>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product-ratting">
                                                                        <span class="review-ratting">
                                                                            <span class="review-star">
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                                <i class="feather-star"></i>
                                                                            </span>
                                                                            <span class="review-caption">No reviews</span>
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="menu-link">
                            <div class="link-title">
                                <a href="collection.html" class="sp-link-title">
                                    <span class="menu-img-icon">
                                        <img src="image/home2/menu/cate-menu4.png" class="img-fluid" alt="cate-menu4">
                                        <span>Printers</span>
                                    </span>
                                </a>
                            </div>
                        </li>
                        <li class="menu-link">
                            <div class="link-title">
                                <a href="collection.html" class="sp-link-title">
                                    <span class="menu-img-icon">
                                        <img src="image/home2/menu/cate-menu5.png" class="img-fluid" alt="cate-menu5">
                                        <span>Gamming product</span>
                                    </span>
                                </a>
                            </div>
                        </li>
                        <li class="menu-link">
                            <div class="link-title">
                                <a href="collection.html" class="sp-link-title">
                                    <span class="menu-img-icon">
                                        <img src="image/home2/menu/cate-menu6.png" class="img-fluid" alt="cate-menu6">
                                        <span>Multiple phones</span>
                                    </span>
                                </a>
                            </div>
                        </li>
                        <li class="menu-link">
                            <div class="link-title">
                                <a href="collection.html" class="sp-link-title">
                                    <span class="menu-img-icon">
                                        <img src="image/home2/menu/cate-menu7.png" class="img-fluid" alt="cate-menu7">
                                        <span>Smart camera</span>
                                    </span>
                                </a>
                            </div>
                        </li>
                        <li class="menu-link">
                            <div class="link-title">
                                <a href="collection.html" class="sp-link-title">
                                    <span class="menu-img-icon">
                                        <img src="image/home2/menu/cate-menu8.png" class="img-fluid" alt="cate-menu7">
                                        <span>Smart watch</span>
                                    </span>
                                </a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- vega-mobile end -->
        <!-- quickview modal start -->
        <div class="productmodal">
            <div class="modal fade" id="quickview-modal">
                <div class="modal-dialog modal-dialog-centered">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h6 class="modal-title fs-5" id="exampleModalLiveLabel">Quickview</h6>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            <!-- quickview-sliderstart -->
                            <div class="quickview-slider">
                                <div class="swiper gallery-top">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <a href="product-template.html"><img src="image/home2/product/home1-pro-1.jpg" class="img-fluid" alt="home1-pro-1.jpg"></a>
                                        </div>
                                        <div class="swiper-slide">
                                            <a href="product-template.html"><img src="image/home2/product/home1-pro-2.jpg" class="img-fluid" alt="home1-pro-2.jpg"></a>
                                        </div>
                                        <div class="swiper-slide">
                                            <a href="product-template.html"><img src="image/home2/product/home1-pro-3.jpg" class="img-fluid" alt="home1-pro-3.jpg"></a>
                                        </div>
                                        <div class="swiper-slide">
                                            <a href="product-template.html"><img src="image/home2/product/home1-pro-4.jpg" class="img-fluid" alt="home1-pro-4.jpg"></a>
                                        </div>
                                        <div class="swiper-slide">
                                            <a href="product-template.html"><img src="image/home2/product/home1-pro-5.jpg" class="img-fluid" alt="home1-pro-5.jpg"></a>
                                        </div>
                                        <div class="swiper-slide">
                                            <a href="product-template.html"><img src="image/home2/product/home1-pro-6.jpg" class="img-fluid" alt="home1-pro-6.jpg"></a>
                                        </div>
                                    </div>
                                    <div class="swiper-button">
                                        <button class="quick-prev"><i class="fas fa-chevron-left"></i></button>
                                        <button class="quick-next"><i class="fas fa-chevron-right"></i></button>
                                    </div>
                                </div>
                                <div class="swiper gallery-thumbs">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <a href="javascript:void(0)"><img src="image/home2/product/home1-pro-1.jpg" class="img-fluid" alt="home1-pro-6.jpg"></a>
                                        </div>
                                        <div class="swiper-slide">
                                            <a href="javascript:void(0)"><img src="image/home2/product/home1-pro-2.jpg" class="img-fluid" alt="home1-pro-6.jpg"></a>
                                        </div>
                                        <div class="swiper-slide">
                                            <a href="javascript:void(0)"><img src="image/home2/product/home1-pro-3.jpg" class="img-fluid" alt="home1-pro-6.jpg"></a>
                                        </div>
                                        <div class="swiper-slide">
                                            <a href="javascript:void(0)"><img src="image/home2/product/home1-pro-4.jpg" class="img-fluid" alt="home1-pro-6.jpg"></a>
                                        </div>
                                        <div class="swiper-slide">
                                            <a href="javascript:void(0)"><img src="image/home2/product/home1-pro-5.jpg" class="img-fluid" alt="home1-pro-6.jpg"></a>
                                        </div>
                                        <div class="swiper-slide">
                                            <a href="javascript:void(0)"><img src="image/home2/product/home1-pro-6.jpg" class="img-fluid" alt="home1-pro-6.jpg"></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- quickview-slider end -->
                            <!-- quick-view-content start -->
                            <div class="quick-view-content">
                                <div class="pro-nprist">
                                    <!-- product-title start -->
                                    <div class="product-title">
                                        <h2>Gamepad</h2>
                                    </div>
                                    <!-- product-rating start -->
                                    <div class="product-ratting">
                                        <span class="pro-ratting">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star-half-alt"></i>
                                        </span>
                                        <span class="spr-badge-caption">No reviews</span>
                                        <span class="slash">/</span>
                                        <div class="product-count-sale">
                                            <span class="count">16</span> sold in last <span class="time">2</span> hours
                                        </div>
                                    </div>
                                    <!-- product-rating end -->
                                    <div class="pro-prlb pro-sale">
                                        <div class="price-box">
                                            <span class="new-price">$55.00 </span>
                                            <span class="old-price">$60.00 </span>
                                            <span class="percent-count">17%</span>
                                        </div>
                                    </div>
                                    <div class="short-description">
                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry dummy text and typesetting industry</p>
                                    </div>
                                    <div class="product-variant">
                                        <h6>Availability:</h6>
                                        <span class="stock-qty in-stock text-success">
                                            <span>In stock<i class="bi bi-check2"></i></span>
                                        </span>
                                    </div>
                                    <div class="pro-detail-action">
                                        <div class="product-variant-option">
                                            <div class="swatch-variant">
                                                <div class="swatch clearfix Color">
                                                    <div class="header">
                                                        <h6><span>Color</span></h6>
                                                    </div>
                                                    <div class="variant-wrap">
                                                        <div class="variant-property">
                                                            <div class="swatch-element White first-variant">
                                                                <input type="radio" name="option-0" value="White" checked="">
                                                                <label>White</label>
                                                            </div>
                                                            <div class="swatch-element Gold">
                                                                <input type="radio" name="option-0" value="Gold">
                                                                <label>Gold</label>
                                                            </div>
                                                            <div class="swatch-element Silver">
                                                                <input type="radio" name="option-0" value="Silver">
                                                                <label>Silver</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-button">
                                        <form method="post" class="cart">
                                            <div class="pro-detail-button">
                                                <div class="product-quantity-button">
                                                    <div class="product-quantity-action">
                                                        <h6>Quantity:</h6>
                                                        <div class="product-quantity">
                                                            <div class="cart-plus-minus">
                                                                <button class="dec qtybutton minus"><i class="feather-minus"></i></button>
                                                                <input type="text" name="quantity" value="1">
                                                                <button class="inc qtybutton plus"><i class="feather-plus"></i></button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <button type="button" onclick="location. href='cart-page.html'" class="btn add-to-cart ajax-spin-cart">
                                                    <span class="cart-title">Add to cart</span>
                                                    </button>
                                                </div>
                                                <a href="cart-empty.html" class="btn btn-cart btn-theme">
                                                    <span>Buy now</span>
                                                </a>
                                            </div>
                                        </form>
                                    </div>
                                    <div class="product-actions">
                                        <!-- pro-deatail wishlist start -->
                                        <div class="pro-aff-che">
                                            <a href="wishlist-product-template.html" class="wishlist">
                                                <span class="wishlist-icon action-wishlist tile-actions--btn wishlist-btn">
                                                    <span class="add-wishlist"><i class="bi bi-heart"></i></span>
                                                </span>
                                                <span class="wishlist-text">Wishlist</span>
                                            </a>
                                        </div>
                                        <!-- pro-deatail wishlist end -->
                                    </div>
                                    <div class="product-payment-image">
                                        <ul class="payment-icon">
                                            <li>
                                                <a href="index2.html"><svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"></path><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"></path></svg></a>
                                            </li>
                                            <li>
                                                <a href="index2.html"><svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"></path><circle fill="#EB001B" cx="15" cy="12" r="7"></circle><circle fill="#F79E1B" cx="23" cy="12" r="7"></circle><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"></path></svg></a>
                                            </li>
                                            <li>
                                                <a href="index2.html"><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american-express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american-express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"></path><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"></path><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"></path><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"></path><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"></path><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"></path><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"></path><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"></path></svg></a>
                                            </li>
                                            <li>
                                                <a href="index2.html"><svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"></path><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"></path><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"></path><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"></path></svg></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- quick-view-content end -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- quickview modal end -->
        <!-- mobile-menu start -->
        <div class="mobile-menu" id="mobile-menu">
            <div class="mobile-contents">
                <div class="menu-close">
                    <button class="menu-close-btn">
                    <span class="menu-close-icon"><i class="feather-x"></i></span>
                    </button>
                </div>
                <div class="header-contact">
                    <div class="mobilemenu-content">
                        <div class="main-wrap">
                            <ul class="main-menu">
                                <li class="menu-link">
                                    <a href="#menu-home" class="link-title" data-bs-toggle="collapse" aria-expanded="false">
                                        <span class="sp-link-title">Home</span>
                                        <span class="menu-arrow"><i class="feather-plus"></i></span>
                                    </a>
                                    <div class="menu-dropdown menu-single collapse" id="menu-home">
                                        <ul class="ul">
                                            <li class="menusingle-li">
                                                <a href="index2.html" class="menusingle-title">
                                                    <span class="sp-link-title">Home 01</span>
                                                </a>
                                            </li>
                                            <li class="menusingle-li">
                                                <a href="index2.html" class="menusingle-title">
                                                    <span class="sp-link-title">Home 02</span>
                                                </a>
                                            </li>
                                            <li class="menusingle-li">
                                                <a href="index3.html" class="menusingle-title">
                                                    <span class="sp-link-title">Home 03</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="menu-link">
                                    <a href="#menu-shop-banner" class="link-title" data-bs-toggle="collapse" aria-expanded="false">
                                        <span class="sp-link-title">Shop</span>
                                        <span class="menu-arrow"><i class="feather-plus"></i></span>
                                    </a>
                                    <div class="menu-dropdown menu-banner collapse" id="menu-shop-banner">
                                        <ul class="ul container p-0">
                                            <li class="menubanner-li">
                                                <div class="menubanner-img banner-hover">
                                                    <a href="collection.html" class="collection-img banner-img">
                                                        <img src="image/home2/menu-banner/menubanner-1.jpg" class="img-fluid" alt="menubanner-1">
                                                    </a>
                                                    <a href="collection.html" class="collection-title">
                                                        <span>New collection</span>
                                                    </a>
                                                </div>
                                            </li>
                                            <li class="menubanner-li">
                                                <div class="menubanner-img banner-hover">
                                                    <a href="collection.html" class="collection-img banner-img">
                                                        <img src="image/home2/menu-banner/menubanner-2.jpg" class="img-fluid" alt="menubanner-2">
                                                    </a>
                                                    <a href="collection.html" class="collection-title">
                                                        <span>Best collection</span>
                                                    </a>
                                                </div>
                                            </li>
                                            <li class="menubanner-li">
                                                <div class="menubanner-img banner-hover">
                                                    <a href="collection.html" class="collection-img banner-img">
                                                        <img src="image/home2/menu-banner/menubanner-3.jpg" class="img-fluid" alt="menubanner-3">
                                                    </a>
                                                    <a href="collection.html" class="collection-title">
                                                        <span>Sale collection</span>
                                                    </a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="menu-link">
                                    <a href="#menu-collection" class="link-title" data-bs-toggle="collapse" aria-expanded="false">
                                        <span class="sp-link-title">Collection</span>
                                        <span class="menu-arrow"><i class="feather-plus"></i></span>
                                    </a>
                                    <div class="menu-dropdown menu-mega collapse" id="menu-collection">
                                        <ul class="ul container p-0">
                                            <li class="menumega-li">
                                                <a href="#collection-page" class="menumega-title" data-bs-toggle="collapse" aria-expanded="false">
                                                    <span class="sp-link-title">Collection page</span>
                                                    <span class="menu-arrow"><i class="feather-plus"></i></span>
                                                </a>
                                                <div class="menumegasup-dropdown collapse" id="collection-page">
                                                    <ul class="menumegasup-ul">
                                                        <li class="menumegasup-li">
                                                            <a href="collection-without.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Collection</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="collection.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Collection left</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="collection-right.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Collection right</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="collection-list-without.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Collection list</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="collection-list.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Collection list left</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="collection-list-right.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Collection list right</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="menumega-li">
                                                <a href="#menu-product" class="menumega-title" data-bs-toggle="collapse" aria-expanded="false">
                                                    <span class="sp-link-title">Product page</span>
                                                    <span class="menu-arrow"><i class="feather-plus"></i></span>
                                                </a>
                                                <div class="menumegasup-dropdown collapse" id="menu-product">
                                                    <ul class="menumegasup-ul">
                                                        <li class="menumegasup-li">
                                                            <a href="product-template.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Product layout</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template2.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Product tab</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template3.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Product advance</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template4.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Product accordion</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template5.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Product center</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template6.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Product sticky</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template7.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Product side</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="menumega-li">
                                                <a href="#menu-shop1" class="menumega-title" data-bs-toggle="collapse" aria-expanded="false">
                                                    <span class="sp-link-title">Shop page</span>
                                                    <span class="menu-arrow"><i class="feather-plus"></i></span>
                                                </a>
                                                <div class="menumegasup-dropdown collapse" id="menu-shop1">
                                                    <ul class="menumegasup-ul">
                                                        <li class="menumegasup-li">
                                                            <a href="cart-page.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Cart page</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="cart-empty.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Cart empty</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="wishlist-empty.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Wishlist empty</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="wishlist-product-template.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Wishlist product</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="return-policy.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Order & returns</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="login-" class="menumegasup-title">
                                                                <span class="sp-link-title">Manage account</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="collection.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Saved items</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="menumega-li">
                                                <a href="#menu-shop2" class="menumega-title" data-bs-toggle="collapse" aria-expanded="false">
                                                    <span class="sp-link-title">Account page</span>
                                                    <span class="menu-arrow"><i class="feather-plus"></i></span>
                                                </a>
                                                <div class="menumegasup-dropdown collapse" id="menu-shop2">
                                                    <ul class="menumegasup-ul">
                                                        <li class="menumegasup-li">
                                                            <a href="order-history.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Order</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="profile.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Profile</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="pro-address.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Address</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="change-password.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Change password</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="pro-tickets.html" class="menumegasup-title">
                                                                <span class="sp-link-title">My ticket</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="login-" class="menumegasup-title">
                                                                <span class="sp-link-title">My account</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="menu-link">
                                    <a href="#menu-blog" class="link-title" data-bs-toggle="collapse" aria-expanded="false">
                                        <span class="sp-link-title">Blog</span>
                                        <span class="menu-arrow"><i class="feather-plus"></i></span>
                                    </a>
                                    <div class="menu-dropdown menu-single collapse" id="menu-blog">
                                        <ul class="ul">
                                            <li class="menusingle-li">
                                                <a href="blog-grid-without.html" class="menusingle-title">
                                                    <span class="sp-link-title">Blog grid</span>
                                                </a>
                                            </li>
                                            <li class="menusingle-li">
                                                <a href="blog-grid.html" class="menusingle-title">
                                                    <span class="sp-link-title">Blog grid left</span>
                                                </a>
                                            </li>
                                            <li class="menusingle-li">
                                                <a href="blog-grid-right.html" class="menusingle-title">
                                                    <span class="sp-link-title">Blog grid right</span>
                                                </a>
                                            </li>
                                            <li class="menusingle-li">
                                                <a href="article-post-without.html" class="menusingle-title">
                                                    <span class="sp-link-title">Article post</span>
                                                </a>
                                            </li>
                                            <li class="menusingle-li">
                                                <a href="article-post.html" class="menusingle-title">
                                                    <span class="sp-link-title">Article post left</span>
                                                </a>
                                            </li>
                                            <li class="menusingle-li">
                                                <a href="article-post-right.html" class="menusingle-title">
                                                    <span class="sp-link-title">Article post right</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="menu-link">
                                    <a href="#menu-sub" class="link-title" data-bs-toggle="collapse" aria-expanded="false">
                                        <span class="sp-link-title">Pages</span>
                                        <span class="menu-arrow"><i class="feather-plus"></i></span>
                                    </a>
                                    <div class="menu-dropdown menu-sub collapse" id="menu-sub">
                                        <ul class="ul">
                                            <li class="menusub-li">
                                                        <a href="about-us.html" class="menusub-title">
                                                            <span class="sp-link-title">About us</span>
                                                        </a>
                                                    </li>
                                            <li class="menusub-li">
                                                <a href="billing-info.html" class="menusub-title">
                                                    <span class="sp-link-title">Billing info</span>
                                                </a>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="#menu-sup-contact" class="menusub-title" data-bs-toggle="collapse" aria-expanded="false">
                                                    <span class="sp-link-title">Contact us</span>
                                                    <span class="menu-arrow"><i class="feather-plus"></i></span>
                                                </a>
                                                <div class="menusup-dropdown collapse" id="menu-sup-contact">
                                                    <ul class="menusup-ul">
                                                        <li class="menusup-li">
                                                            <a href="contact-us.html" class="menusup-title">
                                                                <span class="sp-link-title">Contact us</span>
                                                            </a>
                                                        </li>
                                                        <li class="menusup-li">
                                                            <a href="contact-us-2.html" class="menusup-title">
                                                                <span class="sp-link-title">Contact us 2</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="#menu-sup-checkout" class="menusub-title" data-bs-toggle="collapse" aria-expanded="false">
                                                    <span class="sp-link-title">Checkout</span>
                                                    <span class="menu-arrow"><i class="feather-plus"></i></span>
                                                </a>
                                                <div class="menusup-dropdown collapse" id="menu-sup-checkout">
                                                    <ul class="menusup-ul">
                                                        <li class="menusup-li">
                                                            <a href="checkout-style1.html" class="menusup-title">
                                                                <span class="sp-link-title">Checkout</span>
                                                            </a>
                                                        </li>
                                                        <li class="menusup-li">
                                                            <a href="checkout-style2.html" class="menusup-title">
                                                                <span class="sp-link-title">Checkout 2</span>
                                                            </a>
                                                        </li>
                                                        <li class="menusup-li">
                                                            <a href="checkout-style3.html" class="menusup-title">
                                                                <span class="sp-link-title">Checkout 3</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="cancellation.html" class="menusub-title">
                                                    <span class="sp-link-title">Cancellation</span>
                                                </a>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="faq.html" class="menusub-title">
                                                    <span class="sp-link-title">Faq's</span>
                                                </a>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="order-complete.html" class="menusub-title">
                                                    <span class="sp-link-title">Order complete</span>
                                                </a>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="#menu-sup-policy" class="menusub-title" data-bs-toggle="collapse" aria-expanded="false">
                                                    <span class="sp-link-title">Policy</span>
                                                    <span class="menu-arrow"><i class="feather-plus"></i></span>
                                                </a>
                                                <div class="menusup-dropdown collapse" id="menu-sup-policy">
                                                    <ul class="menusup-ul">
                                                        <li class="menusup-li">
                                                            <a href="privacy-policy.html" class="menusup-title">
                                                                <span class="sp-link-title">Privacy policy</span>
                                                            </a>
                                                        </li>
                                                        <li class="menusup-li">
                                                            <a href="payment-policy.html" class="menusup-title">
                                                                <span class="sp-link-title">Payment policy</span>
                                                            </a>
                                                        </li>
                                                        <li class="menusup-li">
                                                            <a href="return-policy.html" class="menusup-title">
                                                                <span class="sp-link-title">Return policy</span>
                                                            </a>
                                                        </li>
                                                        <li class="menusup-li">
                                                            <a href="shipping-policy.html" class="menusup-title">
                                                                <span class="sp-link-title">Shipping policy</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="sitemap.html" class="menusub-title">
                                                    <span class="sp-link-title">Sitemap</span>
                                                </a>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="terms-condition.html" class="menusub-title">
                                                    <span class="sp-link-title">Terms & condition</span>
                                                </a>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="track-page.html" class="menusub-title">
                                                    <span class="sp-link-title">Track page</span>
                                                </a>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="404.html" class="menusub-title">
                                                    <span class="sp-link-title">404</span>
                                                </a>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="coming-soon.html" class="menusub-title">
                                                    <span class="sp-link-title">Coming soon</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="menu-link">
                                    <div class="contact-num">
                                        <div class="contact-wrap service-line">
                                            <span class="contact-details"><i class="feather-headphones"></i></span>
                                            <a href="">(210) 123 456 7890  <span>( Available 24/7 )</span></a>
                                        </div>
                                    </div>
                                 </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- mobile-menu end -->
        <!-- search-modal start -->
        <div class="search-modal modal fade" id="searchmodal">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-body">
                        <div class="container-fluid">
                            <div class="search-content">
                                <div class="search-box">
                                    <button type="button" class="search-close" data-bs-dismiss="modal"><span><i class="feather-x"></i></span></button>
                                    <form method="get" action="/search" class="search-form">
                                        <div class="search-bar">
                                            <div class="form-search">
                                                <input type="search" name="search-input" class="search-input" value="" placeholder="Search our store" required="">
                                                <button type="button" onclick="location.href='search.html'" class="search-btn" disabled=""><i class="feather-search"></i></button>
                                            </div>
                                            <div class="search-results">
                                                <p class="search-for">Search for <span class="search-text">a</span></p>
                                                <ul>
                                                    <li>
                                                        <a href="product-template.html">
                                                            <img src="image/home2/product/product-1.jpg" class="img-fluid" alt="p-1">
                                                            <span>Earbuds</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="product-template.html">
                                                            <img src="image/home2/product/product-6.jpg" class="img-fluid" alt="p-6">
                                                            <span>IPad mini6</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="product-template.html">
                                                            <img src="image/home2/product/product-8.jpg" class="img-fluid" alt="p-8">
                                                            <span>Nokia 1434</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="product-template.html">
                                                            <img src="image/home2/product/product-12.jpg" class="img-fluid" alt="p-10">
                                                            <span>Smartwatch</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="product-template.html">
                                                            <img src="image/home2/product/product-13.jpg" class="img-fluid" alt="p-13">
                                                            <span>Mouse</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="product-template.html">
                                                            <img src="image/home2/product/product-14.jpg" class="img-fluid" alt="p-12">
                                                            <span>Camera</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                                <p class="search-more"><a href="search.html">See all results (12)</a></p>
                                                <p class="search-fail">Search not found</p>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- search-modal end -->
        <!-- cart-drawer start -->
        <div class="cart-drawer" id="cart-drawer">
            <form method="post" action="javascript:void(0)" class="drawer-contents">
                <div class="drawer-fixed-header">
                    <div class="drawer-header">
                        <h6 class="drawer-header-title">Cart</h6>
                        <div class="drawer-close">
                            <button type="button" class="drawer-close-btn" aria-label="Close"><span class="drawer-close-icon"><i class="feather-x"></i></span></button>
                        </div>
                    </div>
                </div>
                <div class="drawer-cart-empty cart-unfill">
                    <div class="drawer-scrollable">
                        <h2>Your cart is currently empty</h2>
                        <a href="collection.html" class="btn-style2">Continue shopping</a>
                    </div>
                </div>
                <div class="drawer-inner cart-fill">
                    <div class="drawer-scrollable">
                        <ul class="cart-items">
                            <li class="cart-item">
                                <div class="cart-item-wrap">
                                    <div class="cart-item-image">
                                        <a href="product-template.html"><img src="image/home1/cart/cart-1.jpg" class="img-fluid" alt="p-1"></a>
                                    </div>
                                    <div class="cart-item-details">
                                        <div class="cart-item-info">
                                            <div class="cart-item-name">
                                                <a href="product-template.html">Earbuds</a>
                                            </div>
                                            <div class="cart-item-variants">
                                                <h6>Size:</h6>
                                                <span>S</span>
                                            </div>
                                            <div class="cart-item-variants">
                                                <h6>Color:</h6>
                                                <span>White</span>
                                            </div>
                                        </div>
                                        <div class="cart-item-price">
                                            <h6>$79.00</h6>
                                        </div>
                                        <div class="cart-qty-remove">
                                            <div class="cart-item-qty">
                                                <div class="js-qty-wrapper">
                                                    <div class="js-qty-wrap">
                                                        <button type="button" class="js-qty-adjust js-qty-adjust-minus" aria-label="Remove item"><span><i class="feather-minus"></i></span></button>
                                                        <input type="number" name="refractometers-s-red" class="js-qty-num" value="1" min="1">
                                                        <button type="button" class="js-qty-adjust js-qty-adjust-plus" aria-label="Add item"><span><i class="feather-plus"></i></span></button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="cart-item-remove">
                                                <button type="submit" class="cart-remove text-danger" aria-label="Remove item"><i class="feather-trash-2"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="cart-item">
                                <div class="cart-item-wrap">
                                    <div class="cart-item-image">
                                        <a href="product-template.html"><img src="image/home1/cart/cart-2.jpg" class="img-fluid" alt="p-7"></a>
                                    </div>
                                    <div class="cart-item-details">
                                        <div class="cart-item-info">
                                            <div class="cart-item-name">
                                                <a href="product-template.html">Sandisk ssd</a>
                                            </div>
                                            <div class="cart-item-variants">
                                                <h6>Size:</h6>
                                                <span>S</span>
                                            </div>
                                            <div class="cart-item-variants">
                                                <h6>Color:</h6>
                                                <span>Black</span>
                                            </div>
                                        </div>
                                        <div class="cart-item-price">
                                            <h6>$49.00</h6>
                                        </div>
                                        <div class="cart-qty-remove">
                                            <div class="cart-item-qty">
                                                <div class="js-qty-wrapper">
                                                    <div class="js-qty-wrap">
                                                        <button type="button" class="js-qty-adjust js-qty-adjust-minus" aria-label="Remove item"><span><i class="feather-minus"></i></span></button>
                                                        <input type="number" name="digital-thermometer-s-red" class="js-qty-num" value="1" min="1">
                                                        <button type="button" class="js-qty-adjust js-qty-adjust-plus" aria-label="Add item"><span><i class="feather-plus"></i></span></button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="cart-item-remove">
                                                <button type="submit" class="cart-remove text-danger" aria-label="Remove item"><i class="feather-trash-2"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="cart-item">
                                <div class="cart-item-wrap">
                                    <div class="cart-item-image">
                                        <a href="product-template.html"><img src="image/home1/cart/cart-3.jpg" class="img-fluid" alt="p-9"></a>
                                    </div>
                                    <div class="cart-item-details">
                                        <div class="cart-item-info">
                                            <div class="cart-item-name">
                                                <a href="product-template.html">Router Wi-Fi 6</a>
                                            </div>
                                            <div class="cart-item-variants">
                                                <h6>Size:</h6>
                                                <span>S</span>
                                            </div>
                                            <div class="cart-item-variants">
                                                <h6>Color:</h6>
                                                <span>Black</span>
                                            </div>
                                        </div>
                                        <div class="cart-item-price">
                                            <h6>$69.00</h6>
                                        </div>
                                        <div class="cart-qty-remove">
                                            <div class="cart-item-qty">
                                                <div class="js-qty-wrapper">
                                                    <div class="js-qty-wrap">
                                                        <button type="button" class="js-qty-adjust js-qty-adjust-minus" aria-label="Remove item"><span><i class="feather-minus"></i></span></button>
                                                        <input type="number" name="optical-microscope-s-red" class="js-qty-num" value="1" min="1">
                                                        <button type="button" class="js-qty-adjust js-qty-adjust-plus" aria-label="Add item"><span><i class="feather-plus"></i></span></button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="cart-item-remove">
                                                <button type="submit" class="cart-remove text-danger" aria-label="Remove item"><i class="feather-trash-2"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="cart-item">
                                <div class="cart-item-wrap">
                                    <div class="cart-item-image">
                                        <a href="product-template.html"><img src="image/home1/cart/cart-4.jpg" class="img-fluid" alt="p-12"></a>
                                    </div>
                                    <div class="cart-item-details">
                                        <div class="cart-item-info">
                                            <div class="cart-item-name">
                                                <a href="product-template.html">Asus rog</a>
                                            </div>
                                            <div class="cart-item-variants">
                                                <h6>Size:</h6>
                                                <span>S</span>
                                            </div>
                                            <div class="cart-item-variants">
                                                <h6>Color:</h6>
                                                <span>Black</span>
                                            </div>
                                        </div>
                                        <div class="cart-item-price">
                                            <h6>$49.00</h6>
                                        </div>
                                        <div class="cart-qty-remove">
                                            <div class="cart-item-qty">
                                                <div class="js-qty-wrapper">
                                                    <div class="js-qty-wrap">
                                                        <button type="button" class="js-qty-adjust js-qty-adjust-minus" aria-label="Remove item"><span><i class="feather-minus"></i></span></button>
                                                        <input type="number" name="dental-tools-s-red" class="js-qty-num" value="1" min="1">
                                                        <button type="button" class="js-qty-adjust js-qty-adjust-plus" aria-label="Add item"><span><i class="feather-plus"></i></span></button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="cart-item-remove">
                                                <button type="submit" class="cart-remove text-danger" aria-label="Remove item"><i class="feather-trash-2"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <div class="drawer-notes">
                            <label for="cartnote">Order note</label>
                            <textarea name="note" class="cart-notes" id="cartnote"></textarea>
                        </div>
                    </div>
                    <div class="drawer-footer">
                        <div class="drawer-total">
                            <span class="drawer-subtotal">Subtotal</span>
                            <h6 class="drawer-totalprice"><span class="total-cart">$246.00</span></h6>
                        </div>
                        <div class="drawer-ship-text">
                            <span>Shipping, taxes, and discount codes calculated at checkout</span>
                        </div>
                        <div class="drawer-cart-checkout">
                            <div class="wt-content">
                                <div class="wt-content-btn">
                                    <div class="wt-btn wt-full-btn">
                                        <a href="cart-page.html" class="btn-style4">View cart</a>
                                    </div>
                                    <div class="wt-btn wt-full-btn">
                                        <a href="checkout-style1.html" class="btn-style2">Checkout</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <!-- cart-drawer end -->
        <!-- bottom-menu start -->
        <div class="bottom-menu">
            <ul class="bottom-menu-element">
                <li class="bottom-menu-wrap">
                    <div class="bottom-menu-wrapper">
                        <a href="index2.html" class="bottom-menu-home">
                            <span class="bottom-menu-icon"><i class="feather-home"></i></span>
                            <span class="bottom-menu-title">Home</span>
                        </a>
                    </div>
                </li>
                <li class="bottom-menu-wrap">
                    <div class="bottom-menu-wrapper">
                        <a href="" class="bottom-menu-user">
                            <span class="bottom-menu-icon"><i class="feather-user"></i></span>
                            <span class="bottom-menu-title">Account</span>
                        </a>
                    </div>
                </li>
                <li class="bottom-menu-wrap">
                    <div class="bottom-menu-wrapper">
                        <a href="collection.html" class="bottom-menu-collection">
                            <span class="bottom-menu-icon"><i class="feather-grid"></i></span>
                            <span class="bottom-menu-title">Shop</span>
                        </a>
                    </div>
                </li>
                <li class="bottom-menu-wrap">
                    <div class="bottom-menu-wrapper">
                        <a href="wishlist.html" class="bottom-menu-wishlist">
                            <span class="bottom-menu-icon-wrap">
                                <span class="bottom-menu-icon"><i class="feather-heart"></i></span>
                                <span class="bottom-menu-counter wishlist-counter">5</span>
                            </span>
                            <span class="bottom-menu-title">Wishlist</span>
                        </a>
                    </div>
                </li>
                <li class="bottom-menu-wrap">
                    <div class="bottom-menu-wrapper">
                        <a href="javascript:void(0)" class="bottom-menu-cart">
                            <span class="bottom-menu-icon-wrap">
                                <span class="bottom-menu-icon"><i class="feather-shopping-bag"></i></span>
                                <span class="bottom-menu-counter cart-counter">4</span>
                            </span>
                            <span class="bottom-menu-title">Cart</span>
                        </a>
                    </div>
                </li>
            </ul>
        </div>
        <!-- bottom-menu end -->
        <!-- fullscreen start -->
        <div class="bg-screen"></div>
        <!-- fullscreen end -->
        <!-- back-to-top start -->
        <a href="javascript:void(0)" id="top" class="scroll"><span><i class="feather-arrow-up"></i></span></a>
        <!-- back-to-top end -->
        <!-- plugin js -->
        <script src="js/plugin.js"></script>
        <!-- theme js -->
        <script src="js/main.js"></script>
    </body>
</html>
